@media (max-width: 1199px) {
  .text-container {
    max-width: calc(100% - 64px);
  }
  .header .header-box .nav-right {
    display: none;
  }
  .header .header-box .nav-right:after {
    right: 20px;
  }
  .header {
    width: 100%;
    left: 0;
    margin-top: 0;
  }
  .reviews-section .cols-12 {
    flex: 100% !important;
  }
  .reviews-section .text-container {
    margin: 0px;
    margin-bottom: 32px;
  }
}
@media (max-width: 768px) {
  .text-container {
    max-width: calc(100% - 32px);
  }
  .who-we-are p {
    width: 90%;
  }
  .our-team-images {
    display: block;
  }
  .services-cards {
    flex-direction: column;
    row-gap: 30px;
    padding: 0;
  }
  .services-cards .card-face {
    width: 95%;
    margin: auto;
  }
  .random-letter {
    white-space: normal;
  }
  .portfolio-filters {
    left: 20px;
    bottom: 40px;
    width: calc(100% - 40px);
  }
  .portfolio-filters .p-filters-items {
    width: 100%;
  }
  .back-to-button {
    position: relative !important;
    padding: 16px !important;
  }
  .back-to-button::before, .back-to-button::after {
    display: none !important;
  }
  .project-details {
    margin-top: 8rem;
  }
  .single-project-nav {
    margin: 60px 32px;
    justify-content: space-between;
  }
  .single-project-nav .image-wrapper {
    display: none;
  }
  .single-project-nav .arrow-img {
    width: 32px;
    height: 32px;
  }
  .single-project-nav .text {
    flex-direction: column;
  }
  .single-project-nav .next .text {
    flex-direction: column-reverse;
  }
  .services-cards .card-item {
    flex: auto !important;
  }
  .reviews-section .swiper-slide {
    flex-direction: column;
    padding: 32px 16px;
  }
  .reviews-section .swiper-slide .col-3 {
    flex-direction: row;
    gap: 16px;
    flex: 100%;
    width: 100%;
  }
  .reviews-section .swiper-buttons {
    position: relative;
    margin-left: unset;
  }
  .reviews-section .swiper-buttons::before, .reviews-section .swiper-buttons::after {
    display: none;
  }
  .our-work {
    margin-bottom: 5rem !important;
  }
}
@media (max-width: 576px) {
  .contact-hero-section .contact-hero .video-container {
    width: 90%;
  }
  .projects .image-wrapper {
    height: 300px;
  }
  .backToTop {
    margin-bottom: 60px;
  }
  .project-image-section {
    height: calc(100vh - 300px) !important;
  }
}
@media (max-width: 991px) {
  body {
    padding-top: 120px;
  }
  .portfolio-list-item__flash {
    display: none;
  }
  .header .header-box .nav-left {
    width: 100%;
    padding: 24px 16px;
    border-radius: 0;
    height: auto;
  }
  .header .header-box .nav-left:before, .header .header-box .nav-left:after {
    display: none;
  }
  .header .header-box .nav-left__box {
    width: 100%;
  }
  .header .header-box .nav-left__box-wrap {
    width: 100%;
  }
  .header {
    position: fixed;
    left: 0;
    transition: all 0.3s;
  }
  .header.sticky {
    transform: translateY(-120px);
  }
  .header.scroll-top {
    transform: translateY(0);
  }
  .header .header-box .nav-left {
    background: rgba(17, 19, 24, 0.5);
    backdrop-filter: blur(10px);
  }
  .footer {
    padding: 0;
    margin-top: 90px;
  }
  .footer .footer-top-left {
    padding-left: 16px;
    padding-bottom: 48px;
    gap: 17px;
  }
  .footer .footer-top-right, .footer .footer-bottom-right {
    padding: 0 16px;
  }
  .footer .footer-bottom-left {
    padding: 0 16px 24px;
  }
  .footer .info-company, .footer .social-links {
    margin-top: 30px;
  }
  .contact-hero-section .contact-hero .video-container {
    position: relative;
    top: 0;
    margin: 24px auto 0;
  }
  .content-form__box__left .underlined-link-offest {
    font-size: 20px !important;
  }
  .contact-footer {
    padding: 32px 0;
    margin-top: 32px;
  }
  .projects a {
    position: relative;
  }
  .portfolio-list-item-info {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px 16px;
    gap: 5px;
    border-radius: 0;
  }
  .portfolio-list-item-info::before, .portfolio-list-item-info::after {
    display: none;
  }
  .services-hero .text--14 {
    display: block;
    top: 0;
    margin-right: unset;
    margin-bottom: 20px;
  }
  .services-cards .card-item {
    flex: 0 0 calc((100% - 2vw) / 2);
  }
  .our-story .story-content .left-side .text--14 {
    border-radius: 0 24px 0 0;
    padding: 24px 16px;
    top: auto;
    bottom: 0;
    left: 0;
    margin: 0;
  }
  .our-story .story-content .left-side .text--14:before {
    transform: rotate(0deg);
    top: -24px;
    left: 0;
  }
  .our-story .story-content .left-side .text--14:after {
    transform: rotate(0deg);
    left: auto;
    right: -24px;
    top: auto;
    bottom: 0;
  }
  .our-story .story-content .right-side {
    padding: 60px 16px 0 16px;
  }
  .our-story .story-content .right-side .text--14 {
    display: none !important;
  }
  .hide-swiper-mobile {
    display: none;
  }
  .show-cards-mobile {
    display: flex;
  }
  .mobile-hero-text {
    display: block;
  }
  .home-hero .hero-text {
    display: none;
  }
  .home-hero .video-container {
    left: 0;
    height: calc(100% - 120px);
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
  }
  .home-hero .video-container video {
    max-width: 70%;
    max-height: 70%;
  }
  .home-hero .arrow-section {
    padding: 0;
    margin-top: 40px;
  }
  .home-hero .arrow-section img {
    width: 24px;
    height: 24px;
  }
  .expertis-content {
    padding: 0px !important;
  }
  .custom-card {
    padding: 32px;
    margin: 0px;
  }
  .custom-card img {
    transform: rotate(90deg);
    margin-bottom: 35px;
  }
}
@media (min-width: 991px) {
  .header.sticky .header-box .nav-left__box {
    transform: translateY(-140px);
  }
  .header.sticky .header-box .nav-right .btn {
    transform: translateY(-140px);
  }
  .header.scroll-top .header-box .nav-left__box {
    transform: translateY(0);
  }
  .header.scroll-top .header-box .nav-right .btn {
    transform: translateY(0);
  }
  .header .header-box .nav-left__box {
    position: fixed !important;
    z-index: 9999;
    left: 80px;
    top: 40px;
    transition: 0.3s;
  }
}/*# sourceMappingURL=responsive.css.map */