/* ----------------------------------------------------------------
     [ Project_style ]
-----------------------------------------------------------------*/

.containerAPT{
  background-color: rgba(230,232,231, 0.4);
padding: 30px;
border-radius: 7px;
border:solid rgba(21,21,21, 0.3) 1px;
margin:30px;}

.containerAPT h2 {
text-align: center;
color: #fff;
font-size:10px;
}

.abstract{margin-left: auto;
  margin-right: auto;
  width:500px;
  text-align: justify;
padding:11px;
font-size: 12px;
background-color: rgba(230,232,231, 0.4);
border-radius: 7px;
border: solid 1px rgba(21,21,21, 0.3);}

.abstract p {
padding: 0px 30px;
border-right: solid 1px rgba(21,21,21, 0.3);
border-left: solid 1px rgba(21,21,21, 0.3);
text-indent: 7px;}

.abstract h2 {
text-align: right;
color: #215C6A;
font-size:20px;
}

.fa-icon-abs{
  color: #215C6A;

}

.row.heading h2 {
    color: #fff;
    font-size: 17px;
    line-height: 10px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 10px;
    background-color: #2C7F96 ;
    border-radius: 7px;
    padding-bottom: 10px; 
      padding: 1rem;
}

.row.heading p {
    color: #2C7F96;
    font-size: 15px;
    line-height: 10px;
    font-weight: 300;
    text-align: center;
    padding: 1px 10px;
}



@media (max-width: 705.98px) {

.toolbox_EnvCC{
  color:red;
  background-image: url(../../img/CSS_img/Urban_xs.jpg);
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
}

.toolbox_GreenCities{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/Urban_xs.jpg);
  background-size: contain;
  background-position: bottom;
  background-attachment:fixed;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
}

.toolbox_SustainableFood{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/Agri_xs.jpg);
  background-size: contain;
  background-position: bottom;
  background-attachment:fixed;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
      }}

@media (min-width: 706px) {
.toolbox_EnvCC{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/landscape_CC.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  
}

.toolbox_GreenCities{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/abs03.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  
}

.toolbox_SustainableFood{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/09.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  }
}

ul{
  margin:0;
  padding:0;
  list-style:none;
}
.heading.heading-icon {
    display: block;
}
.padding-lg {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
}

.toolbox .cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    border: 0;
    background-color: rgba(220, 220, 220, 0.9);
}

.toolbox_EnvCC{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/landscape_CC.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  
}

.toolbox_GreenCities{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/abs03.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  
}

.toolbox_SustainableFood{
  background-image: linear-gradient(to right bottom,
  rgba(200,207,200, 0.9), rgba(98,172,191, 0.3)), url(../../img/CSS_img/09.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 7px solid #256476;
  border-top: 7px solid #256476;
  
}
.toolbox .cnt-block{ 
   float:left; 
   width:100%; 
  background-color: rgba(220, 220, 220, 0.7);
   padding: 10px 10px; 
   text-align:center; 
   border-radius: 11px;
    border: 0.5px solid #266678;
   margin: 0 0 11px;
   overflow: hidden;
}
.toolbox .cnt-block figure{
   width:120px; 
   height:120px; 
   border-radius:100%; 
   display:inline-block;
}
.toolbox .cnt-block img{ 
   width:120px; 
   height:120px; 
   border-radius:70px; 
   border: solid 1px white;
   padding: 3px;
}
.toolbox .cnt-block h3 { 
   color: #215C6A; 
   font-size: 17px; 
}

.toolbox .cnt-block p{ 
   color: #215C6A; 
   font-size: 13px; 
}

.toolbox .cnt-block .descr{ 
   color: black; 
   font-size: 12px; 
   font-weight:200;
   text-align: justify;
}

.separate_toolbox{padding-top: 21px;
background-color: rgba(231,231,231, 0.7);}

.fa-icon-prog{
  color: #418B9F; 
   font-size: 17px; 
   padding-top: 5px;
}


      /* ----------------------------------------------------------------
     [ End Project_style ]
-----------------------------------------------------------------*/