@media (min-width: 200px) {
  .container-x {
    max-width: 94%;
  }

  .blog-slider {
    width: calc(100% + 6%);
    margin-right: -3%;
    margin-left: -3%;
  }
  .honors-slider {
    width: calc(100% + 6%);
    margin-right: -3%;
    margin-left: -3%;
  }
  .album-dot-slider {
    width: calc(100% + 3%);
    margin-right: -3%;
  }
  /* 
      .video-dot-slider {
   width: calc(100% + 3%);
    margin-right: -3%;
    
  } */
}

@media (min-width: 640px) {
  .blog-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .honors-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .album-dot-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .video-dot-slider {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .container-x {
    max-width: 84%;
  }
}
@media (max-width: 576px) {
  .container-x-mb {
    max-width: 94%;
  }
  .shakhsiyat-slider-dot .slick-slide,
  .shakhsiyat-dot {
    height: 146px;
  }
  .avamel-slider .slick-list {
    padding-top: 12px !important;
    padding-bottom: 8px !important;
  }
}
@media (min-width: 1240px) {
  .container-x {
    max-width: 1100px;
  }
}

@media (min-width: 1400px) {
  .container-x {
    max-width: 1300px;
  }
}

@media (min-width: 1536px) {
  .container-x {
    max-width: 1276px;
  }
}

@media (max-width: 1536px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 1300px) / 2 + 56px);
  }

  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 1300px) / 2);
  }
}

@media (max-width: 1400px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 1100px) / 2 + 56px);
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 1100px) / 2);
  }
}
@media (min-width: 1280px){
  .kholase-frame{
            max-height: 278px;
  }
}
@media (max-width: 1280px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 84%) / 2 - 24px);
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: calc((100vw - 84%) / 2 - 24px);
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 84%) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 84%) / 2 + 56px);
  }
  .progress-slider-cnt .prev-slide.custom-arrow,
  .progress-slider-cnt .next-slide.custom-arrow {
    top: 240px;
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 84%) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 84%) / 2);
  }
}

/* @media (max-width: 1024px) {
#layer6 img {
    transform-origin: 48vw 30.5vh;
}
} */

@media (max-width: 1200px) and (min-width: 1100px) and (max-height: 900px) and (min-height: 700px) {
  #layer6 img {
    transform-origin: 48.5vw 30.5vh;
  }
}

@media (max-width: 900px) and (min-width: 770px) and (max-height: 1200px) {
  #layer6 img {
    transform-origin: 47vw 30.5vh;
  }
}

@media (min-width: 992px) {
  .services .service:not(:hover) {
    width: 26%;
  }

  .services .service:hover,.services .service.service.opened {
    width: 46%;
  }

  /* .services-inner:not(:hover) .service:first-child {
    width: 46%;
  } */
  .py-16-tab{
            padding-block: 1rem;
  }
.custom-top{
  top:-145px;
}
 .services .service.service.opened {
    filter: grayscale(0);
  }

  .services .service:not(:hover) .service-img {
    filter: grayscale(100);
  }

 .services .service.service.opened .service-img{
    filter: grayscale(0);
  }

  .services .service:not(:hover) .service-text {
    opacity: 0;
    transform: translate(0, 0);
  }

  .services .service.service.opened .service-text {
    opacity: 1;
    transform: translate(0, -122px);
  }

  .services .service:hover .service-text {
    opacity: 1;
    transform: translate(0, -122px);
  }

  .services .service.service .service-title {
    transform: translateY(0);
  }

  .services .service.service.opened .service-title {
    transform: translateY(-112px);
  }

  .services .service:hover .service-title {
    transform: translateY(-122px);
  }
/* 
  .services-inner:not(:hover) .service .service-context {
    width: 80%;
    max-width: 331px;
  } */
  .services .service .service-context {
    max-width: 331px;
  }

  .services .service:hover .service-context {
    width: 80%;
    max-width: 331px;
  }
}

@media (max-width: 992px) {
  .honors-slider .slick-current .honor-shine {
    right: -200%;
  }

  .honors-slider .slick-target .honor-shine {
    right: -200%;
  }

  .project-album-slider .prev-slide.custom-arrow {
    opacity: 0;
    visibility: hidden;
  }

  .project-album-slider .next-slide.custom-arrow {
    opacity: 0;
    visibility: hidden;
  }

  .services .service.opened {
    width: 100%;
  }

  .services .service:not(.opened) {
    width: 100%;
  }

  .services .service:not(.opened) .service-text {
    width: 100%;
  }

  .services .service.opened .service-text {
    width: 100%;
  }

  .services .service:not(.opened) {
    height: 133px;
  }

  .services .service.opened {
    height: 300px;
  }

  .services .service:not(.opened) .service-img {
    filter: grayscale(100);
  }

  .services .service.opened .service-img {
    filter: grayscale(0);
  }

  .services .service:not(.opened) .service-text {
    opacity: 0;
    transform: translate(0, 0);
  }

  .services .service .service-text {
    padding: 0 16px;
  }

  .services .service.opened .service-text {
    opacity: 1;
    transform: translate(0, -107px);
  }

  .services .service:not(.opened) .service-title {
    transform: translateY(0);
  }

  .services .service.opened .service-title {
    transform: translateY(10px);
  }
}

@media (max-width: 769px) {
  .blog-slider .slick-current .blog-context,
  .blog-slider .slick-target .blog-context {
    translate: 0;
  }

  .blog-slider .slick-current .blog-context .blog-context-bottom,
  .blog-slider .slick-target .blog-context .blog-context-bottom {
    opacity: 1;
  }
}

@media (max-width: 769px) {
  .project-slider-cnt .prev-slide.custom-arrow {
    right: 100px;
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: 100px;
  }

  .progress-slider-cnt .prev-slide.custom-arrow {
    right: calc((100vw - 94%) / 2);
  }

  .progress-slider-cnt .next-slide.custom-arrow {
    right: calc((100vw - 94%) / 2 + 56px);
  }
  .project-album-slider .prev-slide.custom-arrow {
    left: calc((100vw - 94%) / 2 + 56px);
  }

  .project-album-slider .next-slide.custom-arrow {
    left: calc((100vw - 94%) / 2);
  }
}

@media (min-width: 640px) and (max-width: 1280px) and (min-height: 729px) {
  .services {
    margin-top: -120px;
  }
}

@media (min-width: 640px) and (max-width: 1280px) and (max-height: 729px) {
  .services {
    margin-top: 68px;
  }
}

@media (max-width: 640px) or (max-height: 720px) {
  #rectangle {
    position: absolute;
    transform: translateX(-50%) !important;
  }

  #final {
    top: 0;
  }
}

@media (max-width: 950px) and (orientation: landscape) {
  .header-menu {
    padding-top: 64px;
  }
  .hero-logo {
    bottom: 72px;
    width: 210px;
  }
  .hero-btn-cnt {
    bottom: 30px;
  }
  .hero-btn-cnt {
    scale: 0.8;
  }
}

@media (max-width: 640px) and (min-height: 600px) {
  #layer3 img {
    object-position: -45rem center;
  }
}

@media (max-width: 640px) {
  .services {
    margin-top: 80px;
  }
  .pt-80px{
    padding-top:80px;
  }

  .service-title .text-white {
    font-size: 17px;
  }

  .service-text .text-white {
    font-size: 14px;
  }

  .service-text .text-custom-gray {
    font-size: 14px;
  }

  .honors-slider.slick-slider .slick-list {
    padding-right: 0 !important;
  }
.custom-top{
  top:-1.5%;
}
  #layer4,
  #layer6 {
    scale: 1.07;
  }

  .services .collapsible.collapsible--expanded {
    height: 328px;
  }

  .services .collapsible.collapsible--expanded .service-title {
    transform: translateY(55px);
  }

  .services .service-gradient {
    transition: all 0.3s;
    top: 75%;
  }

  .services .collapsible.collapsible--expanded .service-gradient {
    top: 50%;
  }

  #layer6 img {
    animation: rotateHead 4s infinite ease-in-out;
    transform-origin: 46vw 30.5vh;
  }

  .album-dot-slider .slick-list {
    padding-left: 0 !important;
  }

  .video-dot-slider .slick-list {
    padding-left: 0 !important;
  }
  .shakhsiyat-slider-dot .slick-list {
    padding-left: 70px;
  }
  .hezaro-hekshab-gallery-dots .slick-list {
    padding-left: 60px;
    padding-right: 0 !important;
  }
  .custom-scroll-content {
    line-height: 22px;
  }
  .shakhsiyat-slide-img {
    max-height: 370px;
  }
  .custom-scroll-content::before {
    content: "";
    position: absolute;
    bottom: 10px;
    background: linear-gradient(180deg, rgba(0, 23, 19, 0) 0%, #0c0c0c 100%);
    width: 100%;
    height: 19px;
  }
}

@media (max-width: 540px) {
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes fade-in {
    100% {
      opacity: 1;
    }

    0% {
      opacity: 0;
    }
  }

  .project-slider-cnt .prev-slide.custom-arrow {
    right: 50%;
    transform: translate(50px, -50%);
    top: auto;
    bottom: -80px;
  }

  .project-section {
    padding-bottom: 64px;
  }
  .project-slider-cnt .next-slide.custom-arrow {
    left: 50%;
    transform: translate(-50px, -50%);
    top: auto;
    bottom: -80px;
  }
  .button {
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .button span {
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  .mobile-kholase-frame {
    max-height: 300px;
  }
}