/* 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: #9dcb3b; display: flex; justify-content: center; align-items: center; height: 70vh;}
.new_portfolio .home-sec-hero .img-wrapper img { width: 35%;}

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

.new_portfolio .home-sec-01 .main-row { padding: 3rem; display: flex; gap: 3rem;}
.new_portfolio .home-sec-01 .main-row .column1,.new_portfolio .home-sec-01 .main-row .column2 { height: 200vh; display: flex; flex-direction: column; justify-content: space-between; gap: 3rem;}
.new_portfolio .home-sec-01 .main-row .column1{width:55%;}
.new_portfolio .home-sec-01 .main-row .column2{width:45%;}
.new_portfolio .home-sec-01 img{width:100%;height:100%;object-fit: cover;}
.new_portfolio .home-sec-01 .box{border-radius: 30px; overflow: hidden;}
.new_portfolio .home-sec-01 .main-row .column1 .box1 { width: 100%; height: 60vh;}
.new_portfolio .home-sec-01 .main-row .column1 .box2 { width: 100%; display: flex; justify-content: center; align-items: center;  height: 40vh;  background-color: #9dcb3b; color: #fff; font-size: var(--rfs-82); font-family: "Poppins", sans-serif; font-weight: 500;}
.new_portfolio .home-sec-01 .main-row .column1 .box3 { width: 100%; height: 100vh; }
.new_portfolio .home-sec-01 .main-row .column2 .sub-row { width: 100%;}
.new_portfolio .home-sec-01 .main-row .column2 .sub-row li {/*  border: 1px solid black;*/}
.new_portfolio .home-sec-01 .main-row .column2 .box1 .sub-row {/*  border: 1px solid black;*/ display: flex; justify-content: space-between; gap: 3rem;}
.new_portfolio .home-sec-01 .main-row .column2 .box1 .sub-row li { width: 50%; height: 14vh; overflow: hidden; background-color: #9dcb3b;}
.new_portfolio .home-sec-01 .main-row .column2 .box2 { width: 100%; margin-block: 0rem; height: 100vh; }

.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row { width: 100%; display: flex; flex-direction: column; gap: 3rem;}

.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(1) {  width: 100%; height: 20vh; border-radius: 30px; overflow: hidden; position: relative; }
.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(1) img.ace-green-logo{position: absolute;top: 50%;right: 5%;width: 20%;transform: translateY(-50%);height: auto;}

.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(2) { width: 100%;height: 50vh; overflow: hidden; border-radius: 30px; overflow: hidden; }
.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(2) img{width:100%; height:100%; object-fit:cover; }

.new_portfolio .home-sec-02 .main-row{}
/*.new_portfolio .home-sec-02 .main-row .columns{border:1px solid black;}*/
.new_portfolio .home-sec-02 .main-row .columns img{width:100%; height:100%; object-fit: cover;}
.new_portfolio .home-sec-02 .main-row .columns:not(:nth-of-type(3)){height:100vh; }

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3){height: auto;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul{width:100%; display: flex;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul li:nth-of-type(1){width:60%;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul li:nth-of-type(2){width:40%;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul li img{width:100%; height: 100%; object-fit: cover;}


@media(max-width:1366px){}
@media(max-width:1280px){
	.new_portfolio .home-sec-hero > img ,.new_portfolio .home-sec-02 .main-row .columns{height:auto;}
}
@media(max-width:1200px){

    .new_portfolio .home-sec-01 .main-row .column1, .new_portfolio .home-sec-01 .main-row .column2 {width:100%; gap:2rem; height:auto;}

	.new_portfolio .home-sec-01 .main-row .column2 .box1 .sub-row li  {height:auto;}
	.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row,.new_portfolio .home-sec-01 .main-row .column2 .box1 .sub-row {gap:2rem;}
	.new_portfolio .home-sec-01 .main-row .column1 .box2 {height: 240px;font-size: var(--rfs-48);}
	.new_portfolio .home-sec-02 .main-row .columns:not(:nth-of-type(3)) { height: auto;}
}
@media(max-width:992px){
	.new_portfolio .home-sec-hero .img-wrapper {height:30vh;}
	.new_portfolio .home-sec-hero .img-wrapper {height:50vh;}
	.new_portfolio .home-sec-01 .main-row { padding: 2rem; gap:2rem; flex-direction: column;}
	.new_portfolio .home-sec-01 .main-row .column1 .box1,.new_portfolio .home-sec-01 .main-row .column1 .box3,.new_portfolio .home-sec-01 .main-row .column2 .box2 ,.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(1),.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(2) {height:auto;}
	.new_portfolio .home-sec-01 .main-row .column1 .box2 {height:200px;}
	
}
@media(max-width:768px){}
@media(max-width:480px){
	.new_portfolio .home-sec-hero .img-wrapper {  height: 30vh; }
	.new_portfolio .home-sec-01 .main-row .column1, .new_portfolio .home-sec-01 .main-row .column2 {gap:1.5rem;}
	.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row, .new_portfolio .home-sec-01 .main-row .column2 .box1 .sub-row { gap: 1.5rem;}
	.new_portfolio .home-sec-01 .main-row { padding: 1.5rem; gap: 1.5rem; }
	.new_portfolio .home-sec-01 .main-row .column1 .box2 { height: 150px;}
	.new_portfolio .home-sec-01 .box,.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(1),.new_portfolio .home-sec-01 .main-row .column2 .box3 .sub-row li:nth-of-type(2) {border-radius: 20px}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul {flex-direction: column;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul li:nth-of-type(1),.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) ul li:nth-of-type(2){width:100%;}
}