/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); .new_portfolio {
    font-family: "Poppins", sans-serif;
}

.new_portfolio .home-sec-hero .video-container { height: 100vh; display: flex;}
.new_portfolio .home-sec-hero .video-container video {width: 100%;object-fit: cover;}

.new_portfolio .home-sec-01 .container-fluid,
.new_portfolio .home-sec-02 .container-fluid { padding:0px; }

.new_portfolio .home-sec-01 .row.main-row {height: 100vh;/* border: 1px solid black; */justify-content: space-between;align-content: center;/*padding-inline: 100px;*/ padding-inline:3rem;}

.new_portfolio .home-sec-01 .main-row .columns { height: 60%; align-content: center; padding-inline:0px;}
.new_portfolio .home-sec-01 .main-row .columns:first-child { border: 2px solid black; border-radius: 30px; overflow: hidden;}
.new_portfolio .home-sec-01 .main-row .columns:first-child ul { list-style: none; margin-bottom: 0px;}

.new_portfolio .home-sec-01 .main-row .columns .content-area { /*border: 1px solid black;*/ height: 60%; display: flex; align-items: flex-end; gap: 40px;}

.new_portfolio .home-sec-01 .main-row .columns .content-area li{display: flex; flex-direction: column}
.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child {font-size: 200px;font-weight: 500;line-height: 1;padding-bottom: 36px;}

.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child span{ font-size: 70px;}

.new_portfolio .home-sec-01 .main-row .columns .content-area li:last-child {font-size: 28px;font-weight: 400;line-height: 1.1;padding-bottom: 40px;}
.new_portfolio .home-sec-01 .main-row .columns .content-area li:last-child span{ font-weight: 600;}

.new_portfolio .home-sec-01 .main-row .columns .color-boxes { padding-left: 0px; /*border: 1px solid black;*/ height: 40%; display: flex; flex-wrap: wrap;}

.new_portfolio .home-sec-01 .main-row .columns .color-boxes li{width:50%;border:1px solid black;padding: 20px;}

.new_portfolio .home-sec-01 .main-row .columns .color-boxes li:nth-child(1){background-color: #27b0fd;}
.new_portfolio .home-sec-01 .main-row .columns .color-boxes li:nth-child(2){background-color: #1e53db; color:#fff;}
.new_portfolio .home-sec-01 .main-row .columns .color-boxes li:nth-child(3){background-color: #000000; color:#fff;}
.new_portfolio .home-sec-01 .main-row .columns .color-boxes li:nth-child(4){background-color: #ffffff; }

.new_portfolio .home-sec-01 .main-row .columns:last-child {}
.new_portfolio .home-sec-01 .main-row .columns:last-child ul {list-style: none;height: 100%;padding-left: 0px;display: flex;flex-wrap: wrap;width: 80%;margin-inline: auto;}
.new_portfolio .home-sec-01 .main-row .columns:last-child ul li { width: 50%; height: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
.new_portfolio .home-sec-01 .main-row .columns:last-child ul li img { width: 70%;}
.new_portfolio .home-sec-01 .main-row .columns:last-child ul li span {color: #27b0fd;font-size: 30px;font-weight: 600;}

.new_portfolio .home-sec-02 .container-fluid .video-container{height:100vh;}
.new_portfolio .home-sec-02 .container-fluid .video-container video{width:100%;height:100%;object-fit: fill;}
.new_portfolio .home-sec-02 .main-row1,.new_portfolio .home-sec-02 .main-row2 {justify-content: space-between;min-height:100vh;padding-inline: 3rem;gap: 3rem;padding-bottom: 3rem;}

.new_portfolio .home-sec-02 .main-row1 .columns{border-radius: 40px;overflow: hidden;  background-color: #dbdbdb;}
.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(1){height:100vh; }
.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(1) video{ width:100%; height:100%;}
.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(2),
.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3){height:60vh; /* margin-block: 3rem; */}
/*.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3) img{ height: 100%;}*/

.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3),
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2){ position: relative;}

.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3) img,
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2) img{height: 80%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.new_portfolio .home-sec-02 .main-row2 .columns{border-radius: 40px;overflow: hidden;  background-color: #dbdbdb;}
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3){height:100vh; padding-inline:0px; position: relative;}
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1),
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2){height:60vh;  margin-top: 3rem; }


.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox,
.new_portfolio .home-sec-02 .img-container .vbox{position:absolute;/*border:1px solid red;*/ inset:0;}
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox .vscreen{position:absolute;/* border:1px solid red; */width: 14.3%;height: 58.9%;left: 42.8%;top: 25.2%;border-radius: 30px;overflow: hidden;}

.new_portfolio .home-sec-02 .img-container{height:100vh; position: relative;}
.new_portfolio .home-sec-02 .img-container img{width:100%; height:100%; object-fit:cover;}

.new_portfolio .home-sec-02 .img-container .vbox{}
.new_portfolio .home-sec-02 .img-container .vbox .vscreen{position:absolute;/* border:1px solid red; */width: 19%;height: 84.4%;left: 39.9%;top: 9.5%;border-radius: 45.8px;overflow: hidden;}

.new_portfolio .home-sec-02 .img-container .vbox .vscreen video{width:100%;height: 100%;}
.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox .vscreen video{width:100%;height: 107%;}

@media (max-width:1366px){
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(2), 
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3),
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1),
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2){ height: 50vh; }
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li img { width: 60%; }
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li span {font-size: 24px;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(1),
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3),
	.new_portfolio .home-sec-02 .img-container,
	.new_portfolio .home-sec-02 .container-fluid .video-container{ height: auto; display: flex; }
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox .vscreen{height: 54.2%; top: 23%;}
	.new_portfolio .home-sec-02 .img-container .vbox .vscreen {height: 72%; top: 15%;}
}
@media (max-width:1280px){
	.new_portfolio .home-sec-hero .video-container,
	.new_portfolio .home-sec-01 .row.main-row{ height: auto; }
	.new_portfolio .home-sec-01 .row.main-row{padding-block:3rem;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child {font-size: 110px;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child span { font-size: 44px;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:last-child {font-size: 20px; }
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li span { font-size: 18px;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1) img{ height: 100%; object-fit: cover;}
}
@media (max-width:992px){}
@media (max-width:768px){
	.new_portfolio .home-sec-01 .main-row .columns:last-child { margin-top: 3rem;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul {gap: 20px 0px;width: 80%;margin-inline: auto;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li img {  width: 40%;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li {width: 24%;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(2), .new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3), .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1), .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2) { height: 25vh;}
	.new_portfolio .home-sec-02 .main-row1, .new_portfolio .home-sec-02 .main-row2 {min-height: auto;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox .vscreen { border-radius: 15px;}
	.new_portfolio .home-sec-02 .img-container .vbox .vscreen {border-radius: 17px;}
}
@media (max-width:576px){
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(2),.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3){width:100%; flex:0;}
	.new_portfolio .home-sec-02 .main-row1, .new_portfolio .home-sec-02 .main-row2 {flex-direction: column; min-height:100vh;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3) img, .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2) img {height: 300px; position: relative; transform: translate(-50%, 4%);}
	 .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2){margin-top:0px;}
}
@media (max-width:480px){
	.new_portfolio .home-sec-01 .main-row .columns:first-child ul{padding-left:0px;}
	.new_portfolio .home-sec-01 .row.main-row { padding-block: 1.5rem;}
	.new_portfolio .home-sec-01 .row.main-row {padding-inline: 2rem;}
	.new_portfolio .home-sec-01 .main-row .columns .color-boxes li{font-size: 0.8rem; padding:1rem;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child { font-size: 55px;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child span { font-size: 24px;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:last-child { font-size: 12.6px;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area li:last-child,.new_portfolio .home-sec-01 .main-row .columns .content-area li:first-child{padding-bottom: 14px;padding-inline: 1rem;}
	.new_portfolio .home-sec-01 .main-row .columns .content-area{gap:10px;}
	.new_portfolio .home-sec-01 .main-row .columns:first-child{border-radius:1rem;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li{width:50%;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li img { width: 60%;}
	.new_portfolio .home-sec-01 .main-row .columns:last-child ul li span { font-size: 1rem;}
	.new_portfolio .home-sec-02 .main-row1, .new_portfolio .home-sec-02 .main-row2{padding-inline: 2rem; gap: 2rem; padding-bottom: 2rem;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(1),.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(2),.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3),.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1),.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2),
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3){height:200px; border-radius: 24px;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(3) img, .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2) img {height: 220px;}
	.new_portfolio .home-sec-02 .main-row1 .columns:nth-of-type(1) img{object-fit: contain;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) img{object-fit: cover;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1), .new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(2) { margin-top: 0px;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(1){margin-top:2rem;}
	.new_portfolio .home-sec-02 .main-row2 .columns:nth-of-type(3) .vbox .vscreen { width: 18.1%; border-radius: 5px; height: 52%; left: 41%; top: 24%; }
	.new_portfolio .home-sec-02 .img-container .vbox .vscreen{ width: 19%; height: 73%; left: 39.9%; top: 15%; border-radius: 10px; }
}