.bg-50 {
    background-color:rgba(255,255,255,0.5);
}
.clip::after {
    width: 25px;
    height: auto;
    width: clamp(15px, 2.5vw, 30px);
    aspect-ratio: 1/4;
}
.h-icon::before {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    /* background-image: none; */
    /* background: url(/wp-content/themes/polidomes/src/v2022/ico_gigadome_structure.png) center 0 no-repeat; */
    width: 2.5rem;
}

/* hero.clip .h-icon::before {
    background: url(/wp-content/themes/polidomes/src/v2022/ico_gigadome_structure.png) center 0 no-repeat;
} */

.page-intro > .container {
    padding-top:.75rem;
}

@keyframes slideInRight {
    0% {
        transform: translateX(-100vw); /* Start całkowicie poza lewą krawędzią ekranu */
        opacity: 0;                   /* Opcjonalnie: zacznij od niewidoczności */
    }
    100% {
        transform: translateX(0);     /* Koniec w oryginalnym miejscu zdefiniowanym w CSS */
        opacity: 1;
    }
}



.gigadome-header .hero .txt {
    background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 100%);
    padding: 1.5rem 3rem;
    border-radius: 2rem 0 2rem 2rem;
    width: 40%;
    left: 6%;
    animation: slideInRight 1s ease-out forwards;
}

.gigadome-header .hero .txt p {
    font-size: clamp(0.7rem, 0.5vw + 0.5rem, 1.2rem);
}

.gigadome-header .hero .txt h1 {
    font-size: clamp(1.1rem, 0.6vw + 1rem, 1.5rem);
}

.gigadome-header .hero p {
    /* width: 175%; */
}

.corner-ab::before {
    width: 25px;
    height: 25px;
    height: auto;
    width: clamp(20px, 2.5vw + 15px, 30px);
    aspect-ratio: 1;
    top: 0;
    left: 0;
    transform: translate(-30%, -80%);
}

.gigadome-data {
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    border-radius: 0.5rem;
    padding: 0.5rem;
    bottom: 23%;
    right: 5%;
}

.gigadome-data .specification dt {
    text-align: left;
}
.gigadome-data .specification {
    width: 300px;
    margin: 0;
}
.gigadome-data .specification dd, .gigadome-data .specification dt {
    margin-bottom: 0.2rem;
}
.gigadome-data > dl > div {
    margin-bottom: 0 !important;
}

h2.h-icon {
    margin-left: 2.5rem;
}



.icon-img-container {
	position: absolute;
	left: -2.5rem;
	background-color: white;
	padding: .75rem;
	border-radius: 5rem;
	width: 75px;
	height: auto;
	border: 1px solid #a0a0a0;
    margin: 0.5rem;
}

@keyframes float {
    0% { transform: translateX(0); }
    50% { transform: translateX(-20px); }
    100% { transform: translateX(0); }
}

.cloud-01::after {
	background: url(/wp-content/themes/polidomes/src/v2022/ico_cloud_1.png) no-repeat center / contain;
	content: ' ';
	display: block;
	position: absolute;
	right: 16%;
	top: -5%;
    aspect-ratio: 2/1;
	width: clamp(100px, 20vw, 250px);
	z-index: 100;
    animation: float 4s ease-in-out 1;
}

.feature-list h4 {
    font-size: 1.2rem;
}
.feature h4 {
    min-height: auto;
}

.section-2 h2.h-icon::before {
    background-image: url(/wp-content/themes/polidomes/src/v2022/ico_new_generation_architecture.png);
}

.section-6 h2.h-icon::before {
    background-image: url(/wp-content/themes/polidomes/src/v2022/ico_people_earth.png);
}

figure.image-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 200px;
}

figure.image-list > picture {
    display:contents;
}

.row > div:nth-child(1) > figure.image-list img {
	max-width: 50%;
}
.row > div:nth-child(2) > figure.image-list img {
	max-width: 60%;
}
.row > div:nth-child(3) > figure.image-list img {
	max-width: 70%;
}
.row > div:nth-child(4) > figure.image-list img {
	max-width: 100%;
}


#worldwide-map {
    position: relative;
    display: block;
}

#worldwide-map .num {
    left: -2rem;
    top: 0;
}

#worldwide-map ul > li {
    list-style-type: none;
    position: relative;
}

.wm-info-box {
    position: absolute;
    background-color: white;
    padding: .5rem;
    border-radius: 0.5rem;
    border: 1px solid #a0a0a0;
    padding: 0.5rem;
    margin: 0.5rem;
    width: 300px;
}

.wm-info-box.wm-1 {
    bottom:-20%;
    left: 2cm;
    order: 2;
}

.wm-info-box.wm-2 {
    top: -25%;
    right: 2%;
    order: 1;
}

#gigadome-schema {
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    border-radius: 0.25rem;
    background-color: #f9f9f9;
    padding: 10px;
}

#gigadome-schema::after {
	content: ' ';
	position: absolute;
	background-image: url(/wp-content/themes/polidomes/src/v2022/rd_rolling_paper.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	bottom: -60px;
	right: -28px;
}

#gigadome-schema.corner-1::before {
    top:0;
    left:0;
    transform: translate(15%,15%);
}
#gigadome-schema .clip::after {
    top: -25px;
}

.gigadome-complex {
    position: relative;
}

.gigadome-complex::before {
    content: ' ';
    position: absolute;
    background-image: url(/wp-content/themes/polidomes/src/v2022/gigadome_complex_modules.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    background-position:center;
    width: clamp(250px, 30vw, 350px);
    aspect-ratio: 5/3;
    transform: translate(-30%, 50%);
}


.yt-btn {
    position: relative;
    display: block;
    overflow:hidden;
}
.yt-btn::before {
    content: ' ';
    position: absolute;
    background-image: url(/wp-content/themes/polidomes/src/v2022/ico_youtube.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index:99;
    left: 50%;
    top: 50%;
    width:20%;
    height:20%;
    background-position: center;
    transform: translate(-50%,-50%);
}
.yt-btn:hover::before {
    opacity: 0.8;
    transform: translate(-50%, -50%) scale(1.1);
}

#gigadome-gallery-main {
   position: relative;
}

.red-clip::before {
    content: ' ';
    position: absolute;
    background-image: url(/wp-content/themes/polidomes/src/v2022/red_clip.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
    left: 75%;
    bottom: 36px;
    width: clamp(45px, 5vw, 80px);
    aspect-ratio: 1/0.6;
    background-position: center;
    /* transform: translate(-50%, -50%); */
}




@media (max-width: 992px) {
    .gigadome-header .hero .txt {
        width: 100%;
    }

    .gigadome-header .hero p {
        width: 100%;
    }

    #worldwide-map {
        display: flex;
        flex-wrap: wrap;
    }

    .wm-info-box {
        position: static;
        flex: 0 0 40%;
    }

    .gigadome-data {
        display: none;
    }

    .txt {
        background: none !important;
    }
    .icon-img-container {
        position:static;
        display: inline-block;
        text-align:center;
    }
}

@media (max-width: 768px) {
    #worldwide-map {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wm-info-box {
        position: static;
    }

    #conclusion-box .btn {
        font-size: 0.8rem;
    }


}