/*=====================================
=============== START =================
=====================================*/
.container .content {
	background-image:url(../images/panda/mainBG.webp);
}

.container .content .content-top h1 {
	width:35%;
}
.container .content .content-top h2 {
	transform:rotate(3deg);
	font-size:3.5dvw;
}
.container .content .content-top h2 .out {
	color:var(--brand-color);
	font-size:1.3em;
}

@media(max-width: 1024px) {	
	.container .content {
		background-image:url(../images/panda/mainBG-mob.webp);
	}
	.container .content .content-top h1 {
		width:70%;
	}
	.container .content .content-top h2 {
		font-size: 8.5dvw;
	}
}


/*=========================*/
/*====== grid_layout ======*/
/*=========================*/
.grid_layout .dbl_section .grid_item_img.gii-1 {
	background-image:url(../images/panda/img1.webp);
}
.grid_layout .dbl_section .grid_item_img.gii-2 {
	background-image:url(../images/panda/img2.webp);
}
.grid_layout .dbl_section .grid_item_img.gii-4 {
	background-image:url(../images/panda/img4.webp);
}
.grid_layout .dbl_section .grid_item_img.gii-5 {
	background-image:url(../images/panda/img5.webp);
}

/*===================*/
/*====== imgBG ======*/
/*===================*/
.imgBG {
	background-position:center;
	padding:3dvh 2dvw;
}
.imgBG .imgBG-top h2 {
	font-size:1.5rem;
}
.imgBG.imgBG-1 {
	background-image:url(../images/panda/img3.webp);
}

@media(max-width: 1024px) {
	.container .section.imgBG {
		height:55dvh;
	}
	
    .imgBG .imgBG-top {
        padding-top: 0;
    }
	.imgBG .imgBG-top p {
		width:100%;
	}

	.imgBG.imgBG-1 {
		background-image:url(../images/panda/img3-mob.webp);
	}
}

/*=======================*/
/*===== gallery_sec =====*/
/*=======================*/
.gallery_sec {
	background-image:linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%), 
				url(../images/panda/galleryBG.webp);
}