/**
* Template Name: UpConstruction
* Updated: Sep 18 2023 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/upconstruction-bootstrap-construction-website-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# Set main reusable colors and fonts using CSS variables
# Learn more about CSS variables at https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

/*.section-bg {
  background-color: #f5f6f7;
}*/

.section-header {
  text-align: center;
  padding-bottom: 70px;
}

.section-header h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #e95208;
}

.section-header h2:before,
.section-header h2:after {
  content: "";
  position: absolute;
  display: block;
 
}

.section-header h2:before {
   width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-header h2:after {
  width: 40px;
  height: 3px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-header p {
  margin: 0 auto 0 auto;
}

@media (min-width: 1199px) {
  .section-header p {
    max-width: 60%;
  }
}



/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}



/*--------------------------------------------------------------
# Constructions Section
--------------------------------------------------------------*/
/*.constructions .row {
  
  background: rgba(47, 168, 220, 0.2);
  
  border-radius: 7px;
}*/

.blog .card-item {
  border: 1px solid rgba(47, 168, 220, 0.2);
  background: #fff;
  position: relative;
  border-radius: 0;
}

.blog .card-item .card-bg {
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.blog .card-item .card-body {
  padding: 30px;
}

.blog .card-item .card-body .monhr {
  color: rgba(255, 153, 51, 1);
}

.blog .card-item h4 {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
  color: /*var(--color-secondary)*/#ff9933;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.blog .card-item p {
  color: /*var(--color-secondary)*/rgba(47, 168, 220, 1);
  margin: 0;
  font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
  font-size: 17px;
}