h4, h5, h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
   
}

a:hover, a:focus, a:visited {
  text-decoration: none;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
}




li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.accordion-section{
    border: 3px;
}

.accordion-section .accordion-holder {
  margin-top: 60px;
    
}

.accordion-section .accordion-holder .panel-default {
  box-shadow: none;
  border-radius: 0;
}

.accordion-section .accordion-holder .panel-default .panel-heading {
  background: #fff;
  padding: 0;
  border-radius: 0;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 {
  position: relative;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 a {
  
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  display: block;
  background: #8ed4a6;
  color: #fff;
  padding: 10px 20px;
  transition: all .3s ease;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 a:before {
  content: '';
  position: absolute;
  right: 20px;
  background-image: url("img/1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  top: 17px;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 a.collapsed {
  background-color:#fff;
  color:forestgreen;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 a.collapsed:before {
  content: '';
  position: absolute;
  right: 20px;
  background-image: url("img/1.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
    height: 10px;
    top: 17px;
}

.accordion-section .accordion-holder .panel-default .panel-heading h4 a.collapsed:hover {
  color: #48bdc5;
}

.accordion-section  .accordion-holder .panel-default .panel-body {
  padding: 20px 30px;
    color: black;
}




/*-----------Tile Button in About area----------------------------------*/
.ser-item {
        background-color: green;
        box-shadow: 1px 1px #0000002b;
        padding: 5px;
        border-radius: 5%;
        overflow: hidden;
        position: relative;
        -webkit-border-radius: 10%;
        -moz-border-radius: 10%;
        -ms-border-radius: 10%;
        -o-border-radius: 10%;
         width: 100%;
         width: 100%;
    
         
    }

    .ser-item::after {
        content: '';
        width: 100%;
        height: 3px;
        position: absolute;
        background: #8E2DE2;
        bottom: 0;
        left: 0;
        background: #8e2de2;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #8e2de2, #4a00e0);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #8e2de2, #4a00e0);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .ser-item:hover::after {
        height: 100%;
        transition: ease 1s;
        -webkit-transition: ease 1s;
        -moz-transition: ease 1s;
        -ms-transition: ease 1s;
        -o-transition: ease 1s;

    }

    .ser-item i {
        font-size: 30px;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
        line-height: 10px;
    }

    .ser-item h6 {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
        color: #C71585;
    }

    .ser-item:hover i {
        color: white;
    }

    .ser-item:hover h6 {
        color: white;
    }

























/*  Theme HTML Template */