.sppb-section-title h2 {
  background: url(../../../../images/section-title-bg.png) repeat-x center left;
  margin: 0;
}
.sppb-section-title h2 span {
  background: #fff none repeat scroll 0 0;
  color: #272727;
  display: inline-block;
  font-size: 36px;
  font-weight: 500;
  line-height: 26px;
}
.sppb-addon-title {
  background: url(../../../../images/section-title-bg.png) repeat-x center left;
}
.sppb-addon-title span {
  color: rgba(39, 39, 39, 0.71);
  display: inline-block;
  font-size: 16px;
  font-weight:  bold;
  line-height: 26px;
  padding: 10px 35px 10px 0;
}
.sppb-addon-persion .sppb-person-image {
  overflow: hidden;
  position: relative;
}
.sppb-addon-persion .sppb-person-image img {
  transition: all 0.5s ease;
  transform: scale(1);
}
.sppb-addon-persion .sppb-person-information .sppb-person-name {
  color: #272727;
  font-size: 22px !important;
  font-weight: 500 !important;
  margin-bottom: 8px;
  margin-top: 18px;
}
.sppb-addon-persion .sppb-person-information .sppb-person-designation {
  color: #fbca00 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  margin-bottom: 9px;
}
.sppb-addon-persion .sppb-person-introtext .info {
  margin-top: 11px;
}
.sppb-addon-persion .sppb-person-introtext .info span {
  color: #012f5d;
  font-weight: 300;
}
.sppb-addon-persion:hover .sppb-person-image img {
  transform: scale(1.1);
  transition: all 0.5s ease;
}
.sppb-panel-group {
  box-shadow: 0 0 10px 0.5px rgba(0, 0, 0, 0.07000000000000001);
}
.sppb-panel-default {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #f4f4f4;
}
.sppb-panel-default .sppb-panel-heading {
  border-bottom: 1px solid #f4f4f4;
  padding: 11px 15px;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: capitalize;
  background-color:rgba(245, 245, 245, 0.01);
  margin: 5px 0 0 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  border: none;
}
.sppb-panel-default .sppb-panel-heading:before {
  content: '\f067 ';
  font-family: 'FontAwesome';
  font-weight: normal;
  font-size: 14px;
  width: 35px;
  height: 40px;
  line-height: 40px;
  background: #F4F4F4;
  color: #9E9E9E;
  display: inline-block;
  text-align: center;
  transition: all 0.5s ease;
  margin-right: 5px;
}
.sppb-panel-default .sppb-panel-heading.active:before {
      font-family: FontAwesome;
    content: '\f068 ';
    background: #13c3c3;
    color: #181818;
    height: 60px;
    line-height: 60px;
}
.sppb-panel-default .sppb-panel-heading + .sppb-panel-collapse > .sppb-panel-body {
  line-height: 26px;
  padding: 0px 20px 0px;
  border: none;
  border-top: 0;
}
.sppb-panel-default .sppb-panel-heading .sppb-panel-title {
  font-size: 18px;
}

.our-features {
  position: relative;
}
.our-features:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.our-features .in-wrapper {
  background: none;
}
.our-features .in-wrapper:before {
  display: none;
}
.our-features .in-wrapper .container {
  background: #09325B;
}
.our-features .single-our-feature {
  text-align: center;
  color: #fff;
  padding: 100px 0;
  position: relative;
  transition: all 0.5s ease;
}
.our-features .single-our-feature h3,
.our-features .single-our-feature p {
  margin: 0;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}
.our-features .single-our-feature h3 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 14px;
}
.our-features .single-our-feature p {
  font-size: 16px;
  color:#e4fcff
  font-weight: 300;
  line-height: 26px;
}
.our-features .single-our-feature .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  transition: all 0.5s ease;
  opacity: 0;
  border-bottom: 3px solid rgb(0, 188, 212);
}
.our-features .single-our-feature .overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  transition: all 0.5s ease;
}
.our-features .single-our-feature .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.our-features .single-our-feature .overlay .box .box-content {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}
.our-features .single-our-feature .overlay .box .box-content a {
  color: #fffff;
  text-transform: uppercase;
  background:rgb(0, 188, 212);
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  display: inline-block;
  padding: 0 55px;
  position: relative;
  top: 3px;
  transform: translate3d(0, 45px, 0);
  transition: all 0.5s ease;
}
.our-features .single-our-feature .overlay .box .box-content a:before,
.our-features .single-our-feature .overlay .box .box-content a:after {
  content: '';
  background: #00BCD4;
  position: absolute;
  top: 0;
  width: 45px;
  height: 100%;
  transition: all 0.5s ease;
}
.our-features .single-our-feature .overlay .box .box-content a:before {
  left: -17px;
  transform: skew(-37deg);
}
.our-features .single-our-feature .overlay .box .box-content a:after {
  right: -17px;
  transform: skew(37deg);
}
.our-features .single-our-feature .icon-box {
  width: 98px;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 98px;
  line-height: 98px;
  margin-bottom: 36px;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}
.our-features .single-our-feature .icon-box:before {
  content: "\f10d";
  font-family: Flaticon;
  font-size: 98px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.our-features .single-our-feature .icon-box i {
  font-size: 54px;
  display: block;
  vertical-align: bottom;
}
.our-features .single-our-feature:hover .icon-box {
  transform: translate3d(0, -20px, 0);
}
.our-features .single-our-feature:hover h3,
.our-features .single-our-feature:hover p {
  transform: translate3d(0, -20px, 0);
  transition: all 0.5s ease;
}
.our-features .single-our-feature:hover .overlay {
  opacity: 1;
}
.our-features .single-our-feature:hover .overlay .box .box-content a {
  transform: translate3d(0, 0px, 0);
}
.our-features-2 {
  background: #012f5d;
  margin-top: 80px !important;
}
.our-features-2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(9, 50, 91, 0.9);
}
.our-features-2 .in-wrapper {
  background: none;
}
.our-features-2 .in-wrapper:before {
  display: none;
}
.our-features-2 .in-wrapper .container {
  background: #09325B;
}
.our-features-2 .single-our-feature {
  text-align: center;
  color: #fff;
  padding: 100px 0;
  position: relative;
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature h3,
.our-features-2 .single-our-feature p {
  margin: 0;
  position: relative;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature h3 {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 14px;
}
.our-features-2 .single-our-feature p {
  font-size: 16px;
  color: #fbca00;
  font-weight: 300;
  line-height: 26px;
}
.our-features-2 .single-our-feature .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  transition: all 0.5s ease;
  opacity: 0;
  border-bottom: 3px solid #fbca00;
  overflow-y: hidden;
}
.our-features-2 .single-our-feature .overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(9, 29, 49, 0.9);
  opacity: 1;
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature .overlay .box {
  display: table;
  width: 100%;
  height: 100%;
}
.our-features-2 .single-our-feature .overlay .box .box-content {
  display: table-cell;
  vertical-align: bottom;
  text-align: center;
}
.our-features-2 .single-our-feature .overlay .box .box-content a {
  color: #012f5d;
  text-transform: uppercase;
  background: #fbca00;
  font-weight: bold;
  font-size: 14px;
  line-height: 45px;
  display: inline-block;
  padding: 0 55px;
  position: relative;
  top: 3px;
  transform: translate3d(0, 45px, 0);
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature .overlay .box .box-content a:before,
.our-features-2 .single-our-feature .overlay .box .box-content a:after {
  content: '';
  background: #fbca00;
  position: absolute;
  top: 0;
  width: 45px;
  height: 100%;
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature .overlay .box .box-content a:before {
  left: -17px;
  transform: skew(-37deg);
}
.our-features-2 .single-our-feature .overlay .box .box-content a:after {
  right: -17px;
  transform: skew(37deg);
}
.our-features-2 .single-our-feature .icon-box {
  width: 98px;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 98px;
  line-height: 98px;
  margin-bottom: 36px;
  transform: translate3d(0, 0, 0);
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature .icon-box:before {
  content: "\f10d";
  font-family: Flaticon;
  font-size: 98px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.our-features-2 .single-our-feature .icon-box i {
  font-size: 54px;
  display: block;
  vertical-align: bottom;
}
.our-features-2 .single-our-feature:hover .icon-box {
  transform: translate3d(0, -20px, 0);
}
.our-features-2 .single-our-feature:hover h3,
.our-features-2 .single-our-feature:hover p {
  transform: translate3d(0, -20px, 0);
  transition: all 0.5s ease;
}
.our-features-2 .single-our-feature:hover .overlay {
  opacity: 1;
}
.our-features-2 .single-our-feature:hover .overlay .box .box-content a {
  transform: translate3d(0, 0px, 0);
}

.our-features:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(0, 188, 212, 0.52);
}
.our-features .overlay:before {
  background: rgba(9, 29, 49, 0.9);
}