.ftco-section {
    padding: 7em 0;
    position: relative; 
}
    @media (max-width: 767.98px) {
      .ftco-section {
        padding: 6em 0; }
     }


.ftco-no-pt {
            padding-top: 0 !important;
         }
 .ftco-no-pb {
            padding-bottom: 0 !important;
         }

 .container-fluid {
            width: 100%;
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto;
        }

@media (max-width: 575.98px) {
            .navbar-expand-sm > .container,
            .navbar-expand-sm > .container-fluid {
              padding-right: 0;
              padding-left: 0; } 
            }

 @media (max-width: 767.98px) {
                .navbar-expand-md > .container,
                .navbar-expand-md > .container-fluid {
                  padding-right: 0;
                  padding-left: 0; } }
 .px-md-0 {
                    padding-right: 0 !important; }

.px-md-0 {
                        padding-left: 0 !important; }
.no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .no-gutters > .col,
    .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0; }
.ftco-animate {
    opacity: 0;
    visibility: hidden; }

    .gallery {
        display: block;
        width: 100%;
        height: 400px;
        margin-bottom: 0;
        background-position: top center !important;
        z-index: 0;
        position: relative; }
        .gallery:after {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          content: '';
          background: #000000;
          opacity: 0;
          z-index: 0;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
        .gallery .text span {
          color: rgba(255, 255, 255, 0.9); }
        .gallery h2 {
          color: #fff;
          line-height: 1.2;
          font-size: 18px; }
          .gallery h2 a {
            color: #fff; }
        .gallery .desc {
          z-index: 1; }
        .gallery .icon {
          position: absolute;
          top: 50%;
          right: 50%;
          width: 70px;
          height: 70px;
          content: '';
          z-index: 1;
          background: #fff;
          -webkit-transform: translate(50%, 50%);
          -ms-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
          margin-top: -70px;
          opacity: 0;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
        cursor: pointer; }
        .gallery:hover:after {
          opacity: .5; }
        .gallery:hover .icon {
          opacity: 1; }

          img {
            vertical-align: middle;
            border-style: none; }

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }

    .image-popup {
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in; }

        .img,
.blog-img,
.user-img {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

  .icon-eye {
    color: #fff;
    text-decoration: none;
    font-size: 30px;
  }
  .gallery a {
    text-decoration: none;
  }