.custom-header__logo img{
    width: 60% !important;
  }
h1.headline__title{
    font-size: 4rem;
}
.headline__title .headline__title__animate,.content-block .headline__title__animate{
        color: transparent;
        animation: effect 2s linear infinite;
}
    @keyframes effect {
        0% {
            background: linear-gradient(#4aa5f0 , #4aa5f0);
            -webkit-background-clip: text;
        }

        100% {
            background: linear-gradient(#ffff, #ffff);
            -webkit-background-clip: text;
        }
    }

.btn-l .btn-caption{
    padding: 0 3rem;
}
.socials ul li a{
    font-size: 1.8rem; 
}
.swiper-slide{
    background-color: #171d34;
}
.slide-image{
    background-color: transparent;
    background-position: 50% 30%;
    background-size: auto;
    width: 40%;
    margin: 0 auto;  
}
.slide-image3{
    background-position: 50% 40% !important;
    width: 75% !important;
}
.slide-caption p{
    font: normal 500 2rem/1.2 "Oswald", sans-serif;
    width: 80%;
    float: right;
}
.custom-menu-image_parent{
    width: 100%;
    text-align: center;
  }
.custom-menu-image{
    display: block;    
}


@media only screen and (min-width: 1200px) {
    .slide-caption {
      width: auto;
      left: auto;
      right: 0;
      bottom: 5rem;
      text-align: right;
    }
    .media-container .slide-caption {
      width: 100%;
      bottom: 5rem;
      text-align: center;
  }
}

.image{
    background-position: 50% 30%;
    background-size: auto;
}
.media-container .slide-caption p{
    width: 100%;
    float: left;
    
    padding-bottom: 2rem;
}
.about-grid:after {
    content: "";
    display: table;
    clear: both;
  }

  .about-icon {
    float: left;
    width: 25%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .about-icon img {
    width: 3rem;
    height: 3rem;
    padding-bottom: 2px;
  }

  .about-icon span{
    font-size: 1rem;
  }


  /* FAQS */
  .about-faqs{
   
  }
  .faqs-title{
    margin-bottom: 5rem;
    text-align: center;
  }
  .faqs-title p{
    margin-top: 3.6rem;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .about-faqs .accordion {
    background-color: #111426;
    color: #ffff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.8rem;
    transition: 0.4s;
  }
  
  .about-faqs .active,
  .accordion:hover {
    background-color: #4aa5f0;
    color: #ffff;
  }
  
  .about-faqs .accordion:after {
    content: '\002B';
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .about-faqs .active:after {
    content: "\2212";
  }
  
  .about-faqs .panel {
    padding: 0 18px;
    background-color: #ffff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 5px;
  }
  
  .panel p {
    display: block;
    color: #111426;
    font: normal 500 1.6rem / 1.6 "Roboto", sans-serif;
    padding: 5px 0;
  }

.my-gallery__link .picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translate(-50%, -50%);
}

.my-gallery__link .picture img{
    display: none;
    width: 100%;
}

  form textarea {
    height: 4.2rem !important;
  }

  .pswp__item{
    background-color: #171d34;
  }
  .pswp__button--close{
    background-color: #171d34;
  }
  .my-gallery__description{
    background-color: #ffff;
  }
  .pswp__caption__center p{
    color: #ffff;
    /* text-align: justify; */
  }
  .pswp__caption__center h3,.pswp__caption__center h3 small {
    color: #4aa5f0;
}
.my-gallery__description h3{
    color: #171d34;
}

.custom-inner__content{
  min-height: 1300px !important;
}
.portfolio-projects .custom-pswp__caption__center{
  max-width: 1000px !important;
}

@media only screen and (max-width: 600px) {
  .slide-caption p{
    font: normal 500 2rem/1.2 "Oswald", sans-serif;
    width: 80%;
    float: left;
}
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
    .works__gallery .my-gallery figure a img{
        visibility: hidden;
    }
    .socials-mobile ul li:hover a{
      color: #4aa5f0;
    }
    h1.headline__title, .popup-title__title, h1, h2{
      font-size: 3rem;
    }
    .main .intro__content, .menu__navigation .navigation-container, .blocks-container{
      padding: 50px 0 !important;
    }
    .main__media{
      height: 85vh;
      min-height: 500px;
    }
    .menu__media{
      height: 40vh;
    min-height: 350px;
    }
    .faqs-title p{
      width: 90%;
    }
    .my-gallery__link {
      height: 65vh; 
    }
    .custom-my-gallery__link{
      height: 50vh;
    }
    .projects-description{
      display: block !important;
    }
    .projrct-info{
      display: block;
      width: 100% !important;
    }
    .project-detail{
      width: 100%;
      padding-left: 0;
    }
    .custom-row{
      display: block !important;
    }
    .contact .media-container{
      height: 85vh;
    min-height: 550px;
    }

  }
  .custom-pswp__caption__center{
    max-width: 1100px;
  }
  .projects-description{
    display: flex;
  }
.projrct-info{
  width: 35%;
}
.info-headings{
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
}
.project-detail{
  width: 65%;
  padding-left: 10px;
}

.contact h2{
  font-size: 4rem;
}
.contact .contact__data{
  margin-bottom: 0;
}
.contact .section-text i, .jobs-block i, .location p i{
  color: #4aa5f0;
}

.jobs-block h2{
  text-align: center;
}
.jobs-lists{
display: flex;
width: 100%;
margin-bottom: 10px;
}
.job-info{
  display: flex;
  width: 70%;
}
.jobs-info-content{
  color: #ffff;
}
.job-info-image{
  width: 12%;  
  margin: auto 0;
  margin-right: 10px;
                     
}
.jobs-apply{
  margin: auto 0;
  right: 0;
}


  
/* 
  .about-faqs .accordion {
    background-color: #171d34;
    color: #ffff;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 1.6rem;
    transition: 0.4s;
    border-bottom: 1px solid #111426;
  }
  
  .about-faqs .active, .accordion:hover {
    background-color: #111426;
  }
  
  .about-faqs .accordion:after {
    content: '\002B';
    color: #111426;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .about-faqs .active:after {
    content: "\2212";
  }
  
  .about-faqs .panel {
    padding: 0 18px;
    background-color: #ffff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .panel p{
    display: block;
    color: #111426;
    font: normal 500 1.4rem / 1.6 "Roboto", sans-serif;
    padding: 5px 0;
  }
 */