@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap'); 
.section {
  position: relative;
  margin: 60px 0;
    margin-top: 60px;
    margin-bottom: 60px;
  padding: 60px 0;
    padding-top: 60px;
    padding-bottom: 60px;
  background-color: #F9F9F9;
  overflow: hidden;
}
.heading-block.center > span, .heading-block.title-center > span, .center .heading-block > span {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.heading-block > span:not(.before-heading) {
  display: block;
  margin-top: 10px;
  font-weight: 300;
  color: #777;
}
.heading-block h2 + span {
  font-size: 19px;
}
.heading-block h2 {
  font-size: 30px;
}

.center .heading-block::after, .heading-block.center::after, .heading-block.title-center::after {

    margin: 20px auto 0;

}
.heading-block::after {

    content: '';
    display: block;
    margin-top: 30px;
    width: 120px;
    border-top: 3px solid #ed3338;

}
.divcenter {
  position: relative !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.heading-block {
  margin-bottom: 50px;
}
.center {
  text-align: center !important;
}
.topmargin-sm {
  margin-top: 30px !important;
}
*, ::before, ::after {
  box-sizing: border-box;
}
.showcase-section ul li.showcase-feature-active a {
  color: #1ab6c5 !important;
}
.showcase-section .showcase-target {
    display: none;
}

.showcase-section .showcase-target.showcase-target-active {
    display: block;
}

.showcase-section ul {
    list-style: none;
}

.showcase-section ul li {
    display: block;
    position: relative;
    padding: 24px 0;
    cursor: pointer;
    border-top: 1px solid #d8d8d8;
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.showcase-section ul li.showcase-feature-active a {
    color: #1ab6c5 !important;
}

.showcase-section ul li a:before {
    opacity: 0;
    content: "\e77d";
    font-family: '../assets/frontend/css/font-icons.css';
    position: absolute;
    margin-left: -20px;
    top: -2px;
    -webkit-transition: margin-left .3s ease, opacity .3s ease;
    -ms-transition: margin-left .3s ease, opacity .3s ease;
    -o-transition: margin-left .3s ease, opacity .3s ease;
    transition: margin-left .3s ease, opacity .3s ease;
}

.showcase-section .showcase-target {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all .3s .1s ease;
    -o-transition: all .3s .1s ease;
    transition: all .3s .1s ease;
    -webkit-backface-visibility: hidden;
}

.showcase-section .showcase-target.showcase-target-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    z-index: 9;
}

.showcase-section .showcase-target:first-child {
    position: relative;
}
.showcase-section ul li:first-child {
    padding-top: 0;
    border-top: 0;
}


/* .showcase-section ul li h3 {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
} */

.showcase-section ul li a {
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000000 !important;
}

.showcase-section ul li a {
  font-size: 18px;
  font-weight: 600;
  color: #3e4095 !important;
}
.showcase-section ul li p {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #777;
}

.showcase-section ul li.showcase-feature-active a:before {
    opacity: 1;
    margin-left: -15px;
}


/* .showcase-section ul li.showcase-feature-active h3 {
    color: #1ab6c5;
} */

.showcase-section ul li.showcase-feature-active a {
    color: #ed3338 !important;
}

.showcase-section ul li a:before {
    opacity: 0;
    content: "\e77d";
    font-family: 'font-icons';
    position: absolute;
    margin-left: -20px;
    top: -2px;
    -webkit-transition: margin-left .3s ease, opacity .3s ease;
    -ms-transition: margin-left .3s ease, opacity .3s ease;
    -o-transition: margin-left .3s ease, opacity .3s ease;
    transition: margin-left .3s ease, opacity .3s ease;
}

.showcase-section .showcase-target {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    width: 100%;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: all .3s .1s ease;
    -o-transition: all .3s .1s ease;
    transition: all .3s .1s ease;
    -webkit-backface-visibility: hidden;
}

.showcase-section .showcase-target.showcase-target-active {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    z-index: 9;
}

.showcase-section .showcase-target:first-child {
    position: relative;
}