.projects-grid-wrap{
  position: relative;
}
.hero-media__page{
	z-index: 2;
}
.bg-video{
	pointer-events: none;
}
.grid-loader{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(11,13,18,.65);
  backdrop-filter: blur(2px);
  z-index:5;
}

.projects-grid-wrap.is-loading .grid-loader{
  display:flex;
}

.grid-loader__spinner{
  width:42px;
  height:42px;
  border:3px solid rgba(255,255,255,.15);
  border-top-color: rgba(255,255,255,.65);
  border-radius:50%;
  animation: spin .8s linear infinite;
}

@keyframes spin{ to{ transform: rotate(360deg); } }
.popup-thn .popup-wrap{ max-width: 500rem; text-align: center;}
.popup-thn .popup-wrap .popup-media svg{ margin: 0 auto;}
.form .form-group span {
    color: #fff;
    display: block;
    margin-bottom: 8rem;
    font: 400 16rem / 160% Montserrat, sans-serif;
}
.form .form-group textarea{
	height: 180rem;
}
.video-wrapper {
	overflow: hidden;
}
.yt .yt__frame{       width: 100%;
    height: 100%;
    min-height: 500rem;
    border-radius: 20rem;
    display: block;}
    .popup-portfolio .popup-close {
        top: -25rem;
        right: -25rem;
    }
.popup-portfolio  .img{
	width: 100%;
	height: 600rem;
	
}
.popup-portfolio .img img{    width: 100%;
    object-fit: contain;
    height: 100%;}
@media screen and (max-width: 768px){
	    .video-wrapper {
        min-height: 500rem;
        height: auto;
        padding: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
			        align-items: center;
    }
	.projects-grid-wrap [data-aos^=fade][data-aos^=fade] {    opacity: 1 !important; transform: none !important;}
	.popup-portfolio .popup-wrap{
		overflow: visible;
	}
	.popup-portfolio .popup-close{
	    right: 10rem;
    	top: -35rem;
}
}

@media screen and (max-width: 480px) {
	.hero{        padding: 150rem 0 335rem;}
	.hero-media {        height: 345rem;}
	.video-wrapper{        min-height: 400rem;}
		.popup-portfolio .popup-close{
	    right: 10rem;
    	top: -35rem;
}
}
/* Рішення для прокрутки всередині попапа */
@media (max-width: 768px) {
    /* Знаходимо головний контейнер попапа */
    .popup.quick-call {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow-y: auto !important; /* Вмикаємо скрол для всього попапа */
        -webkit-overflow-scrolling: touch; /* Плавність для iPhone */
        z-index: 999999 !important;
    }

    /* Дозволяємо внутрішньому блоку бути довгим */
    .popup.quick-call .popup-wrap {
        height: auto !important;
        min-height: 100% !important;
        margin: 0 auto !important;
        display: block !important;
        /* Додаємо великий відступ знизу, щоб кнопка піднялася над панелями браузера */
        padding-bottom: 120px !important; 
    }
}