*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5, a, label, input, textarea, button{
  font-family: 'Muli', sans-serif;
}


.section-header{
    position: relative;
    text-align: center;
    font-family: 'Muli', sans-serif;
    position: relative;
    top: -12em;
}
.section-header h2{
    color: #505866;
    font-size:34px;
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
}
.section-header h2 span{text-transform: lowercase;}
.section-header p{
    font-size:16px;
}

.banner{
	position: relative;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
    width: 100%;
    max-width: 1700px;
    top: 20px;
    margin: auto;
    height: 450px;
    color: #fff;
}

.banner img{
  width: 100%;
  height: 200px;
  position: absolute;
  top: 52px;
  left: 0;
  z-index: -2;
  object-fit: fill;
}

.list-topics-content {
    position: absolute;
    top: 210px;
    z-index: 1;
}
.list-topics-content ul li { display: inline-block;}

.single-list-topics-content{
    display: inline-table;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 195px;
    height: 110px;
    background:#fff;
    border-radius: 6px;
    margin-right: 38px;
    margin-bottom: 38px;
    box-shadow: 0 0px 15px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
    text-align: center;
}
.single-list-topics-content h2>a { 
  font-size: 20px;
  position: relative;
  top: -1em;
}

.single-list-topics-content p { 
  position: relative;
  top: -1.4em;
}
/*.single-list-topics-content:last-child{margin-right: 0;}*/

.single-list-topics-icon [class^="flaticon-"]:before,.single-list-topics-icon [class*=" flaticon-"]:before,.single-list-topics-icon [class^="flaticon-"]:after,.single-list-topics-icon [class*=" flaticon-"]:after {
  font-size: 50px;
  color:#343a3f;
}
.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:before,.single-list-topics-content:hover .single-list-topics-icon [class^="flaticon-"]:after,.single-list-topics-content:hover .single-list-topics-icon [class*=" flaticon-"]:after {
  color:#fff;
}

.single-list-topics-content:hover h2>a,.single-list-topics-content:hover p{
  color: #fff!important;
  text-decoration: none;
}
.single-list-topics-content:hover{
    color: #fff;
    background:#53C73C;
    box-shadow: 0 3px 10px rgba(71,71,71,.4);
    text-decoration: none;
}



.blog{padding:120px 0 90px;}
.blog-content{margin-top: -9em;}

.single-blog-item{
    margin-bottom: 30px;
    box-shadow: 0 0px 5px rgba(71,71,71,.2);
    -webkit-transition: .3s; 
    -moz-transition:.3s; 
    -ms-transition:.3s; 
    -o-transition:.3s;
    transition: .3s;
}
.single-blog-item-txt {padding:  25px 28px 27px; text-align: center;}
.single-blog-item-txt h1 a {
    text-transform:  initial;
    line-height: 1.8;
    font-size: 16px;
  
  }

  .single-blog-item-txt h1 {
    text-transform:  initial;
    line-height: 1.8;
    font-size: 23px;
  
  }

.single-blog-item-txt .be a {
    text-transform:  initial;
    line-height: 1.8;
    font-size: 23px;
    margin-left: 10px;}

.single-blog-item:hover{
    box-shadow: 0 10px 20px rgba(21,19,19,.4);
}

.button1{
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 70px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
}

.single-blog-item-img img{
  width: 100%;
}

@media(max-width: 1221px) {

  .single-list-topics-content{
    display: inline-table;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 185px;
    height: 90px;
    background:#fff;
    border-radius: 6px;
    margin-right: 38px;
    margin-bottom: 38px;
    box-shadow: 0 0px 15px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
    text-align: center;
}

}

@media(max-width: 1199px) {

  .single-list-topics-content{
    display: inline-table;
    align-items: center;
    flex-direction: column;
    width: 185px;
    height: 90px;
    background:#fff;
    border-radius: 6px;
    margin-right: 20px;
    margin-bottom: 38px;
    box-shadow: 0 0px 40px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
    text-align: center;
}

}

@media(max-width: 1141px) {

  .single-list-topics-content{
    display: inline-table;
    align-items: center;
    flex-direction: column;
    width: 185px;
    height: 90px;
    background:#fff;
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 38px;
    box-shadow: 0 0px 40px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
    text-align: center;
}

}


@media(max-width: 1141px) {

  .single-list-topics-content{
    display: inline-table;
    align-items: center;
    flex-direction: column;
    width: 185px;
    height: 90px;
    background:#fff;
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 38px;
    box-shadow: 0 0px 40px rgba(71,71,71,.2);
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
    text-align: center;
}

}

@media(max-width: 991px) {

  .single-list-topics-content{
    display:none;
}

.blog-content{margin-top: -16em;}
.section-header{
    top: -19em;
}

}