body {

  padding: 0 !important;

}



hr {

  margin-top: 2rem;

  margin-bottom: 2rem;

}



.icon-box {

  padding: 8px;

  border-radius: 6px;

  transition: ease-in-out 0.3s;

  display: flex;

  justify-content: center;

  align-items: center;

}



.icon-box .title {

  margin-left: 22px;

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 18px;

}



.icon-box p {

  margin-left: 22px;

  line-height: 24px;

  font-size: 14px;

}



h2 {

  padding-bottom: 16px;

  position: relative;

  color: #1c5482;

}



h2::before {

  content: "";

  position: absolute;

  display: block;

  width: 120px;

  height: 1px;

  background: #ddd;

  bottom: 1px;

  left: calc(50% - 60px);

}



h2::after {

  content: "";

  position: absolute;

  display: block;

  width: 40px;

  height: 3px;

  background: #f97806;

  bottom: 0;

  left: calc(50% - 20px);

}



.featurette-heading {

  font-size: 2rem !important;

  margin-bottom: 35px !important;

}



.featurette>.col-md-7 {

  display: flex;

  align-items: center;

  justify-content: center;

}



.lead {

  font-size: 18px !important;

}



p.lead img {

  width: 35px;

  padding: 3px;

}



.accordion-section .panel-default>.panel-heading {

  border: 0;

  background: #fff;

  padding: 0;

}



.accordion-section .panel-default .panel-title a {

  display: block;

  font-style: italic;

  font-size: 18px;

}



.accordion-section .panel-default .panel-title a:after {

  font-family: 'FontAwesome';

  font-style: normal;

  font-size: 3rem;

  content: "\f106";

  color: #1f7de2;

  float: right;

  margin-top: -12px;

}



.accordion-section .panel-default .panel-title a.collapsed:after {

  content: "\f107";

}



.accordion-section .panel-default .panel-body {

  font-size: 18px;

}



.panel-default {

  background: #fff;

  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 6%);

}



.panel-title {

  margin: 0;

}



.panel-title a {

  color: #5a5a5a;

  text-decoration: none;

}


/* tetimonila */

.testimoneal .card {

  border: none

}



.testimoneal .profile img {

  width: 68px;

  height: 68px;

  border-radius: 50%

}



.testimoneal .second {

  border-left: 2px dotted lightgrey;

  border-right: 2px dotted lightgrey

}



@media only screen and (max-width: 600px) {

  .testimoneal .second {

    border: none;

    border-top: 2px dotted lightgrey;

    margin-top: 25px

  }



  .testimoneal .third {

    border-top: 2px dotted lightgrey;

    margin-top: 25px

  }



  .testimoneal .icon {

    margin-top: 20px;

    top: 0

  }

}



.testimoneal .fa-quote-left:before {

  font-size: 7px;

  color: orangered;

  position: relative;

  bottom: 5px

}



.testimoneal .intro {

  font-size: 11px;

  margin-left: 13px;

  position: relative;

  bottom: 8px

}



.testimoneal .row {

  padding-bottom: 53px

}



.testimoneal .company {

  position: absolute;

  bottom: -42px

}



.testimoneal .fa-amazon:before {

  content: "\f270";

  font-size: 23px

}



.testimoneal .icon {

  margin-bottom: 15px;

  position: relative;

  bottom: 20px

}



.testimoneal .header {

  padding-top: 35px;

  padding-bottom: 50px

}



#clients .clients-wrap {

  border-top: 1px solid #d6eaff;

  border-left: 1px solid #d6eaff;

  margin-bottom: 30px

}



#clients .client-logo {

  padding: 64px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-right: 1px solid #d6eaff;

  border-bottom: 1px solid #d6eaff;

  overflow: hidden;

  background: #fff;

  height: 160px

}



#clients img {

  transition: all 0.4s ease-in-out

}



p.card-text {

  text-transform: none;

}

