/********** Template CSS **********/
:root {
  --primary: #fad206;
  --secondary: #06A3DA;
  --light: #ffffff;
  --dark: #091E3E;
}

h1,
h2,
.font-weight-bold {
  font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
  font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
  font-weight: 500 !important;
}


.twentytwenty-wrapper {
  height: 100%;
}

.service-item img,
.service-item .bg-light,
.service-item .bg-light h5,
.team-item .team-text {
  transition: .5s;
}

.service-item:hover img {
  transform: scale(1.15);
}

.team-item .team-text::after,
.service-item .bg-light::after {
  position: absolute;
  content: "";
  top: 50%;
  bottom: 0;
  left: 15px;
  right: 15px;
  border-radius:100px / 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, .7);
  opacity: 0;
  transition: .5s;
  z-index: -1;
}

.team-item:hover .team-text::after,
.service-item:hover .bg-light::after {
  opacity: 1;
}