<script src="https://kit.fontawesome.com/ac20756373.js" crossorigin="anonymous"></script>
<style>
.industry{
  font-family: "OpenSans";
}
.industry .top-banner,
.industry .middle-banner{
  position: relative !important;
  text-align: center !important;
}
.industry .top-banner .banner-bg img
{
  width: 100% !important;
  height: 400px !important;
  object-fit: cover;
  filter: brightness(50%);
}
.industry .middle-banner .banner-bg img{
  width: 100% !important;
  height: 500px !important;
  object-fit: cover;
}

.industry .top-banner .content-wrapper,
.industry .middle-banner .content-wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.industry .content-wrapper{
  max-width: 1300px;
  width: 90%;
  margin: 0 auto !important; 
	float: none !important;
  
}

.industry .top-banner .content-wrapper .banner-header h1{
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 1.2;
}
.industry .top-banner .content-wrapper .banner-sub-header p{
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: 0px;
}
html {
  scroll-behavior: smooth;
}
.industry .top-banner .content-wrapper .banner-cta a,
.industry .middle-banner .content-wrapper .banner-cta a{
    font-weight: bold;
    text-align: center;
    margin: auto;
    padding: 15px 30px 15px 30px !important;
    cursor: pointer;
    background-color: #ff6600;
    border-radius: 5px;
    text-decoration: none;
    border-width: 0px; 
    width: 225px;
    padding: 15px;
    color: #fff;
    transition: 3s;
}
.industry .top-banner .content-wrapper .banner-cta a:hover,
.industry .middle-banner .content-wrapper .banner-cta a:hover{

    background-color: #eb5941;

}

.industry .image-text-section .row-fluid{
  display: flex;
  align-items: flex-start;
}
.industry .image-text-section .image-left,
.industry .image-text-section .image-right{
  padding-top: 50px;
  padding-bottom: 50px;

}

.industry .image-text-section .image-left .image,
.industry .image-text-section .image-right .image,
.industry .image-text-section .image-right .text,
.industry .image-text-section .image-left .text{
 
  padding: 15px;
  position: relative;
}
.industry .image-text-section img{
  margin: auto;
  
}

.industry .image-text-section .image-right .text h2,
.industry .image-text-section .image-left .text h2{
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #000;
}

.industry .image-text-section .image-right .text p,
.industry .image-text-section .image-left .text p{
   line-height: 1.9;
    color: #000;
}

.industry .image-text-section .image-right .text ul li,
.industry .image-text-section .image-left .text ul li{
   color: rgb(255, 102, 0);
    
}
.industry .middle-banner .content-wrapper{
  padding: 20px;
}
.industry .middle-banner .content-wrapper h2{
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 48px;
  
}
.industry .middle-banner .content-wrapper p{
  font-size: 18px;
  margin-bottom: 40px;
  margin-top: 0px;
  
}
.industry .recent-post-section.content-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}
.industry .recent-post-section.content-wrapper .recent-post-header h2{
  text-align: center;
  font-weight: bold;
  color: #000;
  
}
.industry .recent-post-section.content-wrapper .recent-post-card{
  border-width: 1px;
  border-color: rgb(230, 230, 230);
  border-style: solid;
  background-color: rgb(247, 247, 247);
  height: auto;
  position: relative;
}
.industry .recent-post-section.content-wrapper .recent-post-card img{
  width: 100%;
  height: 260px !important;
  background-size: cover;
  object-fit: cover;
}
.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content{
  padding: 20px;
}
.posted-date p,
.posted-time p{
 font-size: 16px;
}
.posted-date p{
  float: left;
}
.posted-time p{
  float:right;
}
.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content h3{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: 1.2;
  color: #000;
}
.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content h3 a{

  color: #000;
}
.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content h3 a:hover{
   color: rgb(255, 102, 0);
}

.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content p{
  line-height: 1.9;
  color: #000;
}

.industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content .read-more a{
  line-height: 1.9;
  color: rgb(255, 102, 0);
  text-transform: uppercase;
  font-weight: bold;
  
  bottom: 20px;
  left: 20px;
  padding-top: 40px;
}

.industry .contact-us-section{
  background-color: #56A231;
  padding: 40px 0px 80px 0px;
}

.industry .contact-us-section .contact-us-header h2{
  text-align: center;
 
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
   font-size: 48px;
}

.industry .contact-us-section label{
  color: #fff;
  margin: 10px;
  width: 100%;
  display: flex;
  font-weight: 500;
}
.industry .contact-us-section ul.inputs-list {
    list-style: none;
    margin-top: -10px;
}
.industry .contact-us-section .hs_firstname,
.industry .contact-us-section .hs_lastname{
  width: 50%;
  float:left;
}
.industry .contact-us-section .hs_phone,
.industry .contact-us-section .hs_email,
.industry .contact-us-section .hs_description{
  width: 100%;
 
}
.industry .contact-us-section .input{
  margin: 10px;
}
.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 textarea{
  height: 250px;
}
.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 input[type="text"],
.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 input[type="email"],
.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 input[type="tel"]
{
  height: 60px;
}

.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 .hs-submit {
   
    width: 250px;
    float: right;
}

.industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 input[type="submit"] {
    text-align: center !important;
    border-radius: 10px !important;
    background-color: #FE6506;
    border: none;
    padding: 15px 20px 15px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 3px;
}

.industry .contact-us-section .submitted-message{
  color: #fff;
  text-align: center;
}

/* Recent Posts CSS */
.recent-blog-posts h2{
  font-weight: bold;
  text-align: center;
  color: #000;
}

.recent-blog-posts ul{
  list-style-type: none;
}
.recent-blog-posts .card{
  display: flex;
  width: 32%;
  float: left;
  margin: 5px;
  justify-content: center;
}
.recent-blog-posts .featured-image img {
  height: 250px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.recent-blog-posts h3.blog-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
    color: #000;
}
.recent-blog-posts .post-content{
  padding: 20px;
  min-height: 360px;
}
.recent-blog-posts .post-content a{
  color: #F1722B;
  font-weight: bold;
  text-transform: uppercase;
}
.recent-blog-posts .blog-post{
  background-color: #F7F7F7;
  border: 1px solid #D3CFCF;
  
}
/* End of Recent Blog Post CSS */

@media screen and (max-width: 1313px) {
  .recent-blog-posts .post-content {
    min-height: 413px;
  }
}

@media screen and (max-width: 1100px) {
  .recent-blog-posts .post-content {
    min-height: 477px;
  }
}

@media screen and (max-width: 1038px) {
  .span6.widget-span.widget-type-custom_widget.posted-date,
  .span6.widget-span.widget-type-custom_widget.posted-time {
    width: 100%;
    margin: 0px;
  }
  .industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content .posted-date p,
  .industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content .posted-time p{
    margin: 0px;
    float: left;
  }
}

@media screen and (max-width: 992px) {
  .industry .image-text-section .image-right .text h2,
  .industry .image-text-section .image-left .text h2{
    font-size: 36px;
  }
  .industry .middle-banner .content-wrapper h2{
  
    font-size: 32px;

  }

}
@media screen and (max-width:850px) {
  
  .recent-blog-posts .card{
    width: 100%;
    margin: 20px 5px 5px 5px;
  }
}

@media screen and (max-width: 768px) {
  
  .industry .image-text-section .image-left .image,
  .industry .image-text-section .image-right .image,
  .industry .image-text-section .image-right .text,
  .industry .image-text-section .image-left .text{
    padding: 0px;
    width: 100%;
    
  }
  .industry .image-text-section .image-left .row-fluid{
    flex-direction: column;
    text-align: center;
  }
   .industry .image-text-section .image-right .row-fluid{
    flex-direction: column-reverse;
     text-align: center;
  }
  .industry .image-text-section .image-left .text h2,
  .industry .image-text-section .image-right .text h2,
  .industry .image-text-section .image-left .text p,
  .industry .image-text-section .image-right .text p,
  .industry .image-text-section .image-left .text ul li,
  .industry .image-text-section .image-right .text ul li{
   
    text-align: left;
   
  }
  .industry .image-text-section .image-left .text h2,
  .industry .image-text-section .image-right .text h2{
    margin-top: 20px;
  }
  .industry p{
    font-size: 16px;
  }
  .posted-date p,
  .posted-time p{
    font-size: 14px;
  }
  
 .industry .recent-post-section.content-wrapper .recent-post-card{
    width: 100%;
    margin-bottom: 40px;
  }
  .industry .recent-post-section.content-wrapper .recent-post-card img{
    height: 400px !important;
  }
  .span6.widget-span.widget-type-custom_widget.posted-date,
  .span6.widget-span.widget-type-custom_widget.posted-time
   {
    width: 50%;
    
  }
  .span6.widget-span.widget-type-custom_widget.posted-time{
    float:right;
  }
  .industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content .posted-date p,
  {
    float: left;
  }
  .industry .recent-post-section.content-wrapper .recent-post-card .recent-post-content .posted-time p{
    float:right;
  }
  .industry .middle-banner .banner-bg img{
    height: 600px !important;
  }
  .industry .middle-banner .content-wrapper p{
    font-size: 16px !important;
  }
  .industry .contact-us-section .contact-us-header h2{
    
    font-size: 36px;
   
  }
}
@media screen and (max-width: 450px) {
 .industry .middle-banner .banner-bg img{
    height: 800px !important;
  }
  .industry h1*{
    font-size: 30px;
  }
  .industry h2{
    font-size: 24px !important;
  }
  .industry .contact-us-section #hs_cos_wrapper_module_1677071908772111 .hs-submit {
  
    float: none;
    margin: auto;
  }
  .industry .top-banner .banner-bg img
  {
   
    height: 600px !important;
   
  }
}
</style>