html {
  font-size: 62.5%; }
  @media (max-width: 767px) {
    html {
      font-size: 50%; } }

body {
  font-family: 'Titillium Web', sans-serif;
  font-size: 1.6rem;
  font-weight: 400; }

h1,
h2,
h3,
h4 {
  font-family: 'Titillium Web', sans-serif; }

.btn {
  padding: 1.3rem 3.5rem;
  border-radius: 2.5rem;
  background-color: #3d60f4;
  color: #f5f5f5;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: background-color .3s, box-shadow .3s; }
  .btn:hover {
    background-color: #122;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1); }

.header {
  background: url(../img/hero-bg.png);
  background-position: center;
  background-size: cover;
  height: 75vh;
  overflow: hidden; }

.navigation {
  width: 100%;
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
  .navigation__logo img {
    max-width: 100%; }
  @media (max-width: 767px) {
    .navigation__items {
      display: none; } }
  .navigation__items ul {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .navigation__items ul li {
      font-size: 1.4rem;
      font-weight: 600;
      text-transform: uppercase; }
      .navigation__items ul li:not(:last-child) {
        margin-right: 1.5rem; }
      .navigation__items ul li a {
        transition: color .3s;
        color: #585b60; }
        .navigation__items ul li a:hover {
          color: #3d60f4; }

.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .title h1 {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    text-align: center;
    font-size: 3rem;
    line-height: 1.8;
    color: #585b60;
    font-weight: 700; }
    @media (max-width: 991px) {
      .title h1 {
        padding-top: 2rem;
        font-size: 2.5rem; } }
  .title a {
    margin-bottom: 3.5rem; }

.header-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%; }
  .header-img img {
    max-width: 100%; }

section {
  overflow: hidden; }

.grow {
  position: relative; }
  .grow::before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    background-color: #3d60f4; }
    @media (max-width: 991px) {
      .grow::before {
        width: 100%;
        height: 50%;
        left: 0;
        bottom: 0; } }
  .grow__first-part {
    padding-left: 5rem;
    padding-right: 5rem; }
    @media (max-width: 767px) {
      .grow__first-part {
        padding-left: 2rem;
        padding-right: 2rem; } }
    .grow__first-part__content {
      margin: 12rem 5rem; }
      @media (max-width: 767px) {
        .grow__first-part__content {
          margin: 8rem 2rem; } }
      .grow__first-part__content h2 {
        margin-top: 5rem;
        font-size: 4rem;
        color: #122; }
      .grow__first-part__content p {
        margin-top: 2rem;
        margin-bottom: 3.5rem;
        line-height: 1.5;
        font-size: 1.5rem;
        color: #abacae; }
  .grow__second-part {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem 2rem; }
    @media (max-width: 767px) {
      .grow__second-part {
        padding: 5rem 1rem 1rem 1rem; } }
    .grow__second-part__content i {
      font-size: 3.5rem; }
    .grow__second-part__content-1 {
      display: flex;
      padding: 2.5rem 0; }
      .grow__second-part__content-1:hover span {
        border: none;
        background-color: #f5f5f5; }
      .grow__second-part__content-1:hover span i {
        color: #3d60f4; }
      .grow__second-part__content-1__icon {
        margin-right: 2rem; }
        .grow__second-part__content-1__icon span {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 8rem;
          height: 8rem;
          transition: .5s;
          border: 1px solid #f5f5f5;
          border-radius: 50%; }
          .grow__second-part__content-1__icon span i {
            color: #f5f5f5; }
      .grow__second-part__content-1__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: #f5f5f5; }
        .grow__second-part__content-1__text h3 {
          margin-bottom: 1.5rem; }

.services {
  background-color: #f9f9f9; }
  .services__title {
    margin-top: 1rem;
    margin-bottom: 4rem;
    text-align: center;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    line-height: 1.5;
    color: #abacae; }
    @media (max-width: 991px) {
      .services__title {
        width: 100%; } }
  .services .container {
    padding: 5rem 0; }
  .services h2 {
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    color: #122; }
  .services__box {
    background-color: #fff;
    margin: 1.5rem 0;
    padding: 4rem 3.5rem;
    border-radius: 5px;
    transition: .3s;
    box-shadow: -5px -5px 35px 0 rgba(0, 0, 0, 0.1); }
    .services__box:hover {
      box-shadow: 5px 5px 35px 0 rgba(0, 0, 0, 0.1); }
    .services__box i {
      font-size: 4rem;
      color: #3d60f4; }
    .services__box h3 {
      margin: 2rem 0;
      font-weight: 600;
      font-size: 1.8rem;
      color: #585b60;
      transition: color .3s; }
      .services__box h3:hover {
        color: #3d60f4; }
    .services__box p {
      line-height: 1.4;
      color: #abacae; }

.watch-video {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/bg-video.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4.5rem 0; }
  .watch-video__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .watch-video__content span {
      height: 7.5rem;
      width: 7.5rem;
      border: 3px solid #f5f5f5;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color .3s; }
      .watch-video__content span:hover {
        background-color: #f5f5f5; }
      .watch-video__content span:hover i {
        color: #3d60f4; }
      .watch-video__content span i {
        transition: color .3s;
        font-size: 3rem;
        color: #f5f5f5; }
    .watch-video__content p {
      margin-top: 2.5rem;
      text-transform: uppercase;
      font-size: 3rem;
      font-weight: 700;
      color: #f5f5f5; }

.team {
  padding: 5rem 0;
  background-color: #f9f9f9; }
  .team__title {
    text-align: center; }
    .team__title h2 {
      color: #122;
      margin-bottom: 1rem;
      text-transform: uppercase; }
    .team__title-text {
      color: #abacae;
      width: 50%;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 5rem;
      line-height: 1.5; }
      @media (max-width: 991px) {
        .team__title-text {
          width: 100%; } }
  .team__box {
    box-shadow: -5px -5px 35px 0 rgba(0, 0, 0, 0.1); }
    .team__box:hover {
      box-shadow: 5px 5px 35px 0 rgba(0, 0, 0, 0.1); }
    .team__box:hover .team__box-img__hover {
      opacity: 1;
      z-index: 1; }
    .team__box-img {
      position: relative; }
      .team__box-img img {
        width: 100%; }
      .team__box-img__hover {
        height: 100%;
        width: 100%;
        cursor: pointer;
        transition: .3s;
        position: absolute;
        background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
        opacity: 0;
        z-index: -1; }
        .team__box-img__hover ul {
          width: 100%;
          height: 100%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .team__box-img__hover ul li:not(:last-child) {
            margin-right: 1rem; }
          .team__box-img__hover ul li span {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 4rem;
            width: 4rem;
            border-radius: 50%;
            background-color: #3d60f4;
            transition: .3s; }
            .team__box-img__hover ul li span:hover {
              opacity: .9; }
            .team__box-img__hover ul li span i {
              color: #f5f5f5;
              font-size: 2rem; }
    .team__box figure {
      background-color: #fff; }
      .team__box figure a {
        height: 100%;
        width: 100%; }
      .team__box figure figcaption {
        padding: 1.5rem 0;
        text-align: center; }
        .team__box figure figcaption a {
          color: #122;
          font-weight: 700;
          transition: color .3s; }
          .team__box figure figcaption a:hover {
            color: #3d60f4; }
        .team__box figure figcaption p {
          margin-top: 1rem;
          color: #abacae; }
  @media (max-width: 991px) {
    .team .col-lg-3 {
      margin-bottom: 1.5rem; } }

.reviews {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/count-bg.jpg);
  background-position: center; }
  .reviews__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5.5rem 0;
    padding: 2rem 0;
    color: #f5f5f5;
    background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)); }
    .reviews__box-icon {
      font-size: 3.5rem; }
    .reviews__box-value {
      margin: 2.5rem 0;
      font-size: 3rem;
      font-weight: 700; }
      .reviews__box-value::after {
        content: "";
        display: block;
        height: 1px;
        width: 45px;
        margin: 10px auto 0 auto;
        background-color: #f5f5f5; }
    .reviews__box-expl {
      font-size: 1.8rem;
      margin-top: -12px; }
    @media (max-width: 991px) {
      .reviews__box {
        margin: 2rem 0; } }

.pricing {
  padding: 6.5rem 0;
  background-color: #f9f9f9; }
  @media (max-width: 991px) {
    .pricing .team__title-text {
      width: 100%; } }
  @media (max-width: 991px) {
    .pricing .col-lg-4:not(:last-child) {
      margin-bottom: 2rem; } }
  .pricing__box {
    text-align: center;
    box-shadow: 6px 6px 23px rgba(0, 0, 0, 0.1);
    transition: box-shadow .3s; }
    .pricing__box:hover {
      box-shadow: -6px -6px 23px rgba(0, 0, 0, 0.1); }
    .pricing__box-header {
      background-color: #3d60f4;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .pricing__box-header h4 {
        color: #f5f5f5;
        font-weight: 700;
        font-size: 1.8rem;
        text-transform: uppercase;
        padding: 2rem 0; }
    .pricing__box-headerpro {
      background-color: #122;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .pricing__box-headerpro h4 {
        color: #f5f5f5;
        font-weight: 700;
        font-size: 1.8rem;
        text-transform: uppercase;
        padding: 2rem 0; }
    .pricing__box-cost {
      padding: 3rem 0;
      position: relative;
      background: #f9f9f9; }
      .pricing__box-cost__pro {
        color: #3d60f4; }
      .pricing__box-cost::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: #abacae;
        opacity: .15; }
      .pricing__box-cost p {
        font-size: 2.8rem;
        font-weight: 700; }
        .pricing__box-cost p span {
          font-weight: 600;
          font-size: 1.4rem; }
    .pricing__box-costpro {
      padding: 3rem 0;
      position: relative;
      background: #fff; }
      .pricing__box-costpro__pro {
        color: #3d60f4; }
      .pricing__box-costpro::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        height: 1px;
        width: 100%;
        background: #abacae;
        opacity: .15; }
      .pricing__box-costpro p {
        font-size: 2.8rem;
        font-weight: 700; }
        .pricing__box-costpro p span {
          font-weight: 600;
          font-size: 1.4rem; }
    .pricing__box-support {
      padding: 2rem 0;
      background: #f9f9f9; }
      .pricing__box-support ul li {
        color: #abacae; }
        .pricing__box-support ul li:not(:last-child) {
          margin-bottom: 2.5rem; }
    .pricing__box-supportpro {
      padding: 2rem 0;
      background: #fff; }
      .pricing__box-supportpro ul li {
        color: #abacae; }
        .pricing__box-supportpro ul li:not(:last-child) {
          margin-bottom: 2.5rem; }
    .pricing__box-button {
      padding-top: 2.5rem;
      padding-bottom: 3.5rem;
      background: #f9f9f9;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
    .pricing__box-buttonpro {
      padding-top: 2.5rem;
      padding-bottom: 3.5rem;
      background: #fff;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .pricing__box-buttonpro__button {
        background-color: #122; }

.skill {
  padding: 6.5rem 0; }
  .skill figure img {
    max-width: 100%; }
  .skill__content {
    width: 100%;
    height: 100%; }
    .skill__content-header {
      margin: 1rem 0; }
      .skill__content-header h2 {
        color: #122;
        font-size: 3rem; }
    .skill__content-text {
      color: #abacae; }
      .skill__content-text p {
        margin: 1rem 0;
        line-height: 1.5; }
        .skill__content-text p:last-child {
          margin-bottom: 5rem; }
    .skill__content-bar p {
      margin-bottom: 1rem;
      color: #122;
      font-weight: 600;
      font-size: 1.5rem; }
    .skill__content-bar__1-progress {
      background-color: #f5f5f5;
      border-radius: 100px;
      height: 10px;
      width: 100%;
      margin-bottom: 1rem;
      position: relative; }
      .skill__content-bar__1-progress::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #3d60f4;
        border-radius: 100px;
        animation: progress-1 1s forwards;
        animation-delay: 1s; }
    .skill__content-bar__2-progress {
      background-color: #f5f5f5;
      border-radius: 100px;
      height: 10px;
      width: 100%;
      margin-bottom: 1rem;
      position: relative; }
      .skill__content-bar__2-progress::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #3d60f4;
        border-radius: 100px;
        animation: progress-2 1s forwards;
        animation-delay: 1s; }
    .skill__content-bar__3-progress {
      background-color: #f5f5f5;
      border-radius: 100px;
      height: 10px;
      width: 100%;
      margin-bottom: 1rem;
      position: relative; }
      .skill__content-bar__3-progress::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #3d60f4;
        border-radius: 100px;
        animation: progress-3 1s forwards;
        animation-delay: 1s; }

.works {
  padding: 6.5rem 0;
  background-color: #f9f9f9; }
  @media (max-width: 767px) {
    .works .team__title-text {
      width: 100%; } }
  .works img {
    max-width: 100%; }
  .works__buttons {
    text-align: center;
    margin-top: -2rem;
    margin-bottom: 2rem; }
    .works__buttons button {
      cursor: pointer;
      outline: none;
      border: 1px solid #3d60f4;
      transition: .3s; }
      @media (max-width: 767px) {
        .works__buttons button {
          padding: 1rem 3rem; } }
      @media (max-width: 415px) {
        .works__buttons button {
          padding: 1rem 2rem; } }
      .works__buttons button:not(:last-child) {
        margin-right: 1rem; }
        @media (max-width: 415px) {
          .works__buttons button:not(:last-child) {
            margin-right: .5rem; } }
      .works__buttons button:hover {
        border: 1px solid #122; }
  .works__box {
    transition: .3s;
    position: relative;
    margin: 1rem 0 1rem 0;
    overflow: hidden;
    display: flex;
    justify-content: center; }
    .works__box:hover img {
      transform: scale(1.15); }
    .works__box:hover .works__box-hover {
      opacity: 1; }
    .works__box-hover {
      width: 100%;
      height: 100%;
      opacity: 0;
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
      z-index: 1;
      transition: .3s; }
      .works__box-hover span {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        height: 5rem;
        width: 5rem;
        border-radius: 50%;
        margin-bottom: 1.5rem;
        background-color: #3d60f4;
        color: #f5f5f5; }
      .works__box-hover h4 {
        text-transform: uppercase;
        color: #f5f5f5;
        font-size: 2rem; }
    .works__box img {
      transition: transform .3s; }

.customers {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../img/testimonial.jpg);
  color: #f5f5f5;
  padding: 8rem 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  .customers__wrapper {
    height: 100%;
    width: 600px;
    overflow: hidden; }
    .customers__wrapper-box {
      width: 600%;
      height: 100%;
      display: flex;
      flex-direction: row;
      margin-left: 0; }
      .customers__wrapper-box__content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .customers__wrapper-box__content-img img {
          max-width: 100%;
          border-radius: 50%; }
        .customers__wrapper-box__content-title {
          margin: 2rem 0; }
          .customers__wrapper-box__content-title a {
            color: #f5f5f5;
            display: block;
            text-align: center; }
            .customers__wrapper-box__content-title a:first-child {
              margin-bottom: 1rem;
              font-size: 1.8rem;
              text-transform: uppercase;
              font-weight: 700; }
            .customers__wrapper-box__content-title a:last-child {
              font-weight: 600;
              font-size: 1.5rem; }
        .customers__wrapper-box__content-text {
          text-align: center;
          line-height: 1.6; }
          @media (max-width: 767px) {
            .customers__wrapper-box__content-text {
              padding: 0 2rem; } }
    .customers__wrapper .btn-active {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-color: #3d60f4;
      width: 50%;
      height: 50%;
      border-radius: 50%;
      z-index: 1;
      opacity: 1; }
    .customers__wrapper-button {
      position: absolute;
      bottom: 5%;
      left: 50%;
      transform: translateX(-50%); }
      .customers__wrapper-button button {
        background-color: #f5f5f5;
        position: relative;
        cursor: pointer;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%; }
        .customers__wrapper-button button:focus {
          outline: none; }
        .customers__wrapper-button button:not(:last-child) {
          margin-right: 1rem; }
        .customers__wrapper-button button:hover::after {
          opacity: 1; }
        .customers__wrapper-button button::after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background-color: #3d60f4;
          width: 50%;
          height: 50%;
          border-radius: 50%;
          z-index: 1;
          opacity: 0;
          transition: opacity .3s; }

.blog {
  padding: 7.5rem 0;
  background-color: #f9f9f9; }
  @media (max-width: 767px) {
    .blog .team__title-text {
      width: 100%; } }
  .blog__box {
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow .3s;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); }
    .blog__box:hover {
      box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.1); }
    .blog__box-img img {
      width: 100%; }
    .blog__box-text {
      padding: 1.5rem 1.5rem 4rem 1.5rem;
      background-color: #fff;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px; }
      .blog__box-text h5 {
        color: #122;
        margin-top: .5rem;
        font-size: 1.6rem;
        font-weight: 600;
        transition: color .3s; }
        .blog__box-text h5:hover {
          color: #3d60f4; }
      .blog__box-text p {
        margin: 1rem 0 3.5rem 0;
        color: #abacae;
        line-height: 1.7; }
      .blog__box-text .blog-btn {
        padding: .7rem 2.5rem;
        font-size: 1.6rem;
        text-transform: capitalize; }
  @media (max-width: 767px) {
    .blog .col-md-6:not(:last-child) {
      margin-bottom: 2rem; } }

.clients {
  background-color: #f5f5f5;
  padding: 7.5rem 0; }
  .clients .team__title-text {
    width: 100% !important; }
  .clients__img {
    display: flex;
    justify-content: center;
    align-items: center; }
    .clients__img img {
      max-width: 100%;
      opacity: .5;
      padding: 1rem;
      transition: opacity .3s; }
      .clients__img img:hover {
        opacity: 1; }
  @media (max-width: 767px) {
    .clients .col-md-3:not(:last-child) {
      margin-bottom: 2rem; } }

.contact {
  padding: 7.5rem 0; }
  @media (max-width: 767px) {
    .contact .col-md-6:not(:last-child) {
      margin-bottom: 5rem; } }
  .contact__wrapper {
    display: flex;
    flex-direction: column; }
    .contact__wrapper-namemail {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 2rem; }
      .contact__wrapper-namemail input {
        width: 48%; }
    .contact__wrapper-subject input {
      width: 100%;
      margin-bottom: 2rem; }
  .contact input {
    border: 1px solid #f5f5f5;
    padding: 1rem 1rem 1rem 1.5rem;
    border-radius: 4px;
    color: #abacae;
    outline: none;
    transition: border .3s; }
    .contact input:focus {
      border: 1px solid #3d60f4; }
  .contact textarea {
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    margin-bottom: 2rem;
    outline: none;
    text-align: left;
    padding-top: .5rem;
    transition: border .3s;
    padding-top: 1rem;
    padding-left: 1.5rem;
    width: 100%; }
    .contact textarea:focus {
      border: 1px solid #3d60f4; }
    .contact textarea::placeholder {
      color: #abacae; }
  .contact .btn {
    padding: 1.5rem 2.5rem;
    color: #f5f5f5;
    border-radius: 100px;
    cursor: pointer;
    transition: .3s; }
  .contact__bunch h5 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #122; }
  .contact__bunch h6 {
    font-size: 1.9rem;
    text-transform: uppercase;
    color: #122;
    margin-bottom: 4rem; }
  .contact__bunch-title {
    margin-bottom: 3rem;
    margin-top: 1.5rem;
    color: #abacae; }
  .contact__bunch ul {
    display: flex;
    flex-direction: column; }
    .contact__bunch ul li {
      display: flex;
      flex-direction: row;
      align-items: center; }
      .contact__bunch ul li:not(:last-child) {
        margin-bottom: 1.5rem; }
      .contact__bunch ul li span {
        background-color: #3d60f4;
        color: #f5f5f5;
        height: 4rem;
        width: 4rem;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1.5rem; }
      .contact__bunch ul li p {
        color: #abacae; }
      .contact__bunch ul li a {
        color: #abacae; }

.footer {
  padding: 3rem 0;
  background-color: #34363a; }
  .footer__img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .footer__img img {
      max-width: 100%; }
  .footer__social {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .footer__social ul {
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer__social ul li {
        width: 100%;
        height: 100%;
        transition: .3s;
        height: 3.5rem;
        width: 3.5rem;
        background-color: #f5f5f5;
        border-radius: 50%; }
        .footer__social ul li:not(:last-child) {
          margin-right: 1.5rem; }
        .footer__social ul li:hover {
          opacity: .5; }
        .footer__social ul li a {
          height: 100%;
          width: 100%;
          color: #585b60; }
        .footer__social ul li span {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
  .footer__copy {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .footer__copy p {
      color: #f5f5f5; }
  @media (max-width: 767px) {
    .footer .col-md-4:not(:last-child) {
      margin-bottom: 3rem; } }

@keyframes progress-1 {
  0% {
    width: 0; }
  100% {
    width: 88%; } }

@keyframes progress-2 {
  0% {
    width: 0; }
  100% {
    width: 95%; } }

@keyframes progress-3 {
  0% {
    width: 0; }
  100% {
    width: 70%; } }

.onClick {
  border: 1px solid #3d60f4 !important;
  background-color: #f5f5f5 !important;
  color: #3d60f4 !important; }
  .onClick:hover {
    border: 1px solid #3d60f4 !important; }