/***** our services *****/
.our-services .body .col-lg-3, .our-projects .body .col-lg-3 {
  flex-basis: 20%; }
.our-services .body .service-card, .our-projects .body .service-card {
  position: relative;
  overflow: hidden;
  display: block; }
  .our-services .body .service-card img, .our-projects .body .service-card img {
    width: 100%;
    transition: 0.3s all; }
  .our-services .body .service-card .overlay, .our-projects .body .service-card .overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    padding: 0 30px;
    transition: 0.3s all; }
    .our-services .body .service-card .overlay .icon, .our-projects .body .service-card .overlay .icon {
      font-size: 48px;
      transition: 0.3s all; }
    .our-services .body .service-card .overlay .text, .our-projects .body .service-card .overlay .text {
      font-family: "Montserrat", sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      transition: 0.3s all;
      text-align: center;
      filter: drop-shadow(0px 1px 1px #000); }
    .our-services .body .service-card .overlay .sub-text, .our-projects .body .service-card .overlay .sub-text {
      text-transform: uppercase;
      font-size: 14px;
      margin-top: -5px; }
    .our-services .body .service-card .overlay .btn, .our-projects .body .service-card .overlay .btn {
      transform: scale(0);
      transition: 0.3s all; }
  .our-services .body .service-card:hover img, .our-projects .body .service-card:hover img {
    transform: scale(1.5); }
  .our-services .body .service-card:hover .overlay, .our-projects .body .service-card:hover .overlay {
    background: rgba(209, 36, 66, 0.5); }
    .our-services .body .service-card:hover .overlay .icon, .our-projects .body .service-card:hover .overlay .icon {
      font-size: 24px; }
    .our-services .body .service-card:hover .overlay .text, .our-projects .body .service-card:hover .overlay .text {
      font-size: 20px; }
    .our-services .body .service-card:hover .overlay .btn, .our-projects .body .service-card:hover .overlay .btn {
      transform: scale(1); }
      .our-services .body .service-card:hover .overlay .btn:hover, .our-projects .body .service-card:hover .overlay .btn:hover {
        box-shadow: inset 0px 0px 0px 1px #fff; }

/***** End our services *****/
/***** about us *****/
.about-us {
  background-color: rgba(255, 255, 255, 0.8); }
  .about-us::before {
    content: "";
    width: 100%;
    height: 100%;
    background: url("https://images.unsplash.com/photo-1610642372677-bcddb69f3531?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80");
    position: fixed;
    z-index: -1;
    top: 0;
    background-size: cover; }
  .about-us .body .text {
    text-align: justify; }
  .about-us .body .image img {
    width: 100%; }

/***** End about us *****/
/***** Section projects *****/
.our-projects .body .service-card .overlay {
  background: rgba(0, 0, 0, 0.5); }

/***** End Section projects *****/
/***** our clients *****/
.our-clients .body {
  display: flex;
  flex-direction: row;
  justify-content: center; }
.our-clients .tns-outer {
  width: calc(100% - 120px); }
.our-clients .tn-slider {
  display: flex;
  flex-direction: row; }
  .our-clients .tn-slider .client-logo {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .our-clients .tn-slider .client-logo .wrapper {
      width: 100%;
      border: 1px solid rgba(209, 36, 66, 0.25);
      padding: 8px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      overflow: hidden; }
      .our-clients .tn-slider .client-logo .wrapper img {
        max-width: 100%;
        max-height: 70px; }
.our-clients .tns-controls {
  position: relative;
  display: flex !important; }
  .our-clients .tns-controls button {
    outline: none;
    border: 1px solid #D12442;
    background: #fff;
    width: 30px;
    height: 30px; }
    .our-clients .tns-controls button:hover {
      background: #D12442; }
      .our-clients .tns-controls button:hover i {
        color: #fae1e5; }
    .our-clients .tns-controls button i {
      color: #D12442; }
  .our-clients .tns-controls button[data-controls="prev"] {
    position: absolute;
    top: 30px;
    left: -60px;
    z-index: 1; }
  .our-clients .tns-controls button[data-controls="next"] {
    position: absolute;
    top: 30px;
    right: -60px;
    z-index: 1; }

/***** End our clients *****/

/*# sourceMappingURL=index.css.map */