/* CSS Document */
.new_portfolio .home-sec-hero {}
.new_portfolio .home-sec-hero > img { width: 100%; height: 100vh; object-fit: cover;}

.new_portfolio ul { padding-left: 0px; list-style: none; margin-bottom: 0px;}
.new_portfolio .home-sec-hero .img-wrapper { background-color: #3531ac; display: flex; justify-content: center; align-items: center; height: 70vh;}
.new_portfolio .home-sec-hero .img-wrapper img { width: 25%;}

.new_portfolio .container-fluid { padding: 0px;}

.new_portfolio .home-sec-01 .main-row{ background-color: #fc7530; }
.new_portfolio .home-sec-01 .main-row.row1{padding-inline: 4rem; display: flex; padding-top: 2rem;}

.new_portfolio .home-sec-01 .main-row.row1 li{ width: calc(100% / 3); /*border: 1px solid black;*/ height: 100%;}
.new_portfolio .home-sec-01 .main-row.row1 li:last-child img{display: block; margin-left: auto;}
.new_portfolio .home-sec-01 .main-row.row2{display: flex; }
.new_portfolio .home-sec-01 .main-row.row2 li{width: calc(100% / 5);/*border: 1px solid black;*/height: 100%;padding: 2rem;}
.new_portfolio .home-sec-01 .main-row.row2 li img{}
.new_portfolio .home-sec-01 .main-row.row2 li:nth-child(1){background-color: #a40ae5;}
.new_portfolio .home-sec-01 .main-row.row2 li:nth-child(2){background-color: #3531ac;}
.new_portfolio .home-sec-01 .main-row.row2 li:nth-child(3){background-color: #bdd744;}
.new_portfolio .home-sec-01 .main-row.row2 li:nth-child(4){background-color: #1cd6d9;}
.new_portfolio .home-sec-01 .main-row.row2 li:nth-child(5){background-color: #f4b3bf;}

.new_portfolio .home-sec-01 .img-container{background-color: #bdd744; position: relative}
.new_portfolio .home-sec-01 .img-container img:not(.sticker-orange){width:100%; height:100vh;object-fit: cover;}
.new_portfolio .home-sec-01 .img-container img.sticker-orange{width:15%;position: absolute;left: 4%;bottom: -7%;}


.new_portfolio .home-sec-02 .main-row{padding-inline:4rem;padding-block: 4rem;/* border:1px solid black;*/}
.new_portfolio .home-sec-02 .main-row .columns{min-height: 100vh;/* border:1px solid black;*/ padding-inline: 0px;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) ul{width:100%;display: flex; gap: 4rem;}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1{/*height:70vh;*/}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2{/*height: 80vh;*/margin-top: 4rem; position: relative;}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) ul li{ /*border:1px solid black;*/ border-radius:30px; overflow: hidden;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1 li img{width:100%; height: 100%; object-fit: cover;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1 li:nth-child(1){width:40%; background-color: #bdd744; }
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1 li:nth-child(2){width:60%;}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 li{width:50%; }
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 li:nth-child(2){ background-color: #fc7530;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 img.sticker-neon-green{width:20%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.new_portfolio .home-sec-02 .img-container{position: relative;height:70vh;background-color: #000;overflow: hidden;}
.new_portfolio .home-sec-02 .img-container img.text-img{width: 45%; position: absolute; top:50%;left:50%;transform: translate(-50%, -50%);}
.new_portfolio .home-sec-02 .img-container img.bottle1{width: 38%;position:absolute;left: -20%;top: 55%;transform: translateY(-50%) rotateZ(
54deg);}
.new_portfolio .home-sec-02 .img-container img.bottle2{width: 40%;position:absolute;left: -10%; bottom: -46%;transform: rotateZ(
36deg);}
.new_portfolio .home-sec-02 .img-container img.bottle3{width: 36%;position:absolute;right: -10%; bottom: -33%;transform: rotateZ(
332deg);}
.new_portfolio .home-sec-02 .img-container img.bottle4{width: 35%;position:absolute;right: -20%; top: 8%; transform: rotateZ(-45deg);}


@media(max-width:1366px){
	.new_portfolio .home-sec-02 .img-container img.bottle2 {bottom:-37%;}
	.new_portfolio .home-sec-02 .img-container img.bottle1 {top:63%;}
	.new_portfolio .home-sec-02 .img-container img.bottle3 {bottom:-26%;}
	.new_portfolio .home-sec-02 .img-container img.bottle4 {top:23%;}
}


@media(max-width:1286px){}
@media(max-width:1200px){
	.new_portfolio .home-sec-hero > img ,.new_portfolio .home-sec-01 .img-container img:not(.sticker-orange) {height: auto;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) ul {gap:3rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 {margin-top:3rem;}
}

@media(max-width:992px){
	
    .new_portfolio .home-sec-02 .main-row {
	padding-inline: 3rem; margin-inline:0px; padding-top:3rem; padding-bottom: 0px;}
	.new_portfolio .home-sec-hero .img-wrapper {height:50vh;}
	.new_portfolio .home-sec-01 .main-row.row1 {padding-inline: 3rem;}
	.new_portfolio .home-sec-01 .img-container img.sticker-orange { width: 20%; bottom: -10%;}
	.new_portfolio .home-sec-02 .img-container {height:50vh;}
	.new_portfolio .home-sec-02 .main-row .columns {min-height: auto;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 { margin-block: 3rem;}
}


@media(max-width:768px){
	.new_portfolio .home-sec-02 .main-row { padding-inline: 2rem; padding-top: 2rem; }
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) ul {  gap: 2rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 { margin-block: 2rem;}
	.new_portfolio .home-sec-02 .img-container {  height: 40vh; }
}
@media(max-width:576px){
	.new_portfolio .home-sec-hero .img-wrapper { height: auto;}
	.new_portfolio .home-sec-hero .img-wrapper img { width: 35%;}
	.new_portfolio .home-sec-01 .main-row.row1 {flex-direction: column;}
	.new_portfolio .home-sec-01 .main-row.row1 li {width:100%;}
	.new_portfolio .home-sec-01 .main-row.row1 li:nth-child(1){order:1;}
	.new_portfolio .home-sec-01 .main-row.row1 li:nth-child(2){order:3;}
	.new_portfolio .home-sec-01 .main-row.row1 li:nth-child(3){order:2;}
	.new_portfolio .home-sec-02 .img-container img.bottle2 { bottom: -21%;}
	.new_portfolio .home-sec-02 .img-container img.bottle3 { bottom: -18%;}
	.new_portfolio .home-sec-02 .img-container img.bottle4 { top: 41%;}

}
@media(max-width:480px){
	.new_portfolio .home-sec-01 .main-row.row1 { padding-inline: 1.5rem;}
	.new_portfolio .home-sec-01 .main-row.row1 {padding-top:1.3rem;}
	.new_portfolio .home-sec-01 .main-row.row2 {flex-direction: column;}
	.new_portfolio .home-sec-01 .main-row.row2 li {width:100%;}
	.new_portfolio .home-sec-01 .img-container img.sticker-orange {width: 40%; bottom: -20%;}
	
	.new_portfolio .home-sec-02 .main-row { padding-inline: 1.5rem; padding-top: 1.5rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) ul {flex-direction: column; gap:1.5rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 { margin-block: 1.5rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1 li:nth-child(1),
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr1 li:nth-child(2),
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 li {width:100%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row.sr2 img.sticker-neon-green {width: 40%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) .sub-row li {border-radius:20px;}
	.new_portfolio .home-sec-02 .img-container { height: 30vh;}
	
}