/* CSS Document */
:root{
	--np-color-01: #ec6525;
	--np-color-02: #243e90;
	--np-color-03: #f5ad2d;
}


@font-face {
  font-family: "GT Super Display1";
  src: url("Fonts/GT-Super-Display-Regular-Trial.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "GT Super Display2";
  src: url("Fonts/GT-Super-Display-Regular-Italic-Trial.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src: url("assets/fonts/MyriadPro-Regular_3.otf") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

h2{
	 font-size: var(--rfs-54);
	 text-transform: none;
	font-family: "GT Super Display1";
}

.new_portfolio .home-sec-hero {height: 100vh; position:relative; }
.new_portfolio .home-sec-hero img.hero-img{width:100%; height:100%; object-fit: cover;}
/*.new_portfolio  img.logo{position:absolute; width:200px; top: 8%; left: 4%;}*/
.new_portfolio  a.sec-link{position:absolute;bottom: 8%;right: 4%;font-size: 1.6rem;color: #fff;text-align: right;}

.new_portfolio .home-sec-01 .container-fluid{padding:0px;}
.new_portfolio .home-sec-01 .main-row{/* border:1px solid black;*/height:100vh;padding: 2rem;}
.new_portfolio .home-sec-01 .main-row .columns{ height:100%;/* border:1px solid black;*/ }
.new_portfolio .home-sec-01 .main-row .columns .img-container{height:100%; background-color: var(--np-color-01); border-radius:30px; display: flex; justify-content: center; align-items: center;}
.new_portfolio .home-sec-01 .main-row .columns .img-container img{width: 100%;}

.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article{ height:40%; margin-bottom:2rem; border-radius:30px; background-color: var(--np-color-02); position: relative; }
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img{ position: absolute; right: -5%; top: -13%; width: 230px;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2{ color:#fff; font-family:GT Super Display1; text-decoration: none; font-size: var(--rfs-54); text-transform: none; position: relative;}

.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child{left: 23%;top: 10%;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2){left: 40%;top: 4%;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container{/*border:1px solid black;*/list-style: none;padding-left:0px;height:56%;display: flex;gap: 2rem;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box{/*border:1px solid black;*/height:100%; border-radius:30px;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1{width: 40%; position:relative;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span{position:absolute; height:100%;/* border:1px solid black;*/ border-radius:30px; color:#fff; display: flex; align-items: flex-end; padding: 1.5rem;
}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span.first{width:40%; background-color: var(--np-color-02); z-index:3;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span.second{width:70%; background-color: var(--np-color-01); z-index:2; justify-content: flex-end;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span.third{width:100%; background-color: var(--np-color-03); z-index:1; justify-content: flex-end;}

.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2{width:60%;background-color: var(--np-color-02);color:#fff;padding: 5rem; position: relative;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img{position: absolute;right:0%;bottom: -19%;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 ul{list-style-type: none; padding-left: 0px;}
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 li:nth-of-type(2) h2,
.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 li:nth-of-type(2) p{ font-family:sans-serif;}

.new_portfolio .home-sec-02 .img-container{padding-inline: 32px;margin-bottom: 32px; position: relative}
.new_portfolio .home-sec-02 .img-container img{border-radius:30px;height:100vh;width: 100%; z-index: 1;}
.new_portfolio .home-sec-02 .img-container img.mobile-mockup{position:absolute; left:0%; top:0%;}
.new_portfolio .home-sec-02 .img-container img.coventic-cards-mockups{}
.new_portfolio .home-sec-02 .video-container {position:absolute;left: 14.4%;top: 13.6%;width: 19.5%;height: 72.6%;/*border:1px solid red;*/border-radius: 55px;/* z-index: 1; */overflow: hidden;}
.new_portfolio .home-sec-02 .video-container video{width:100%; height:100%; object-fit:cover;}

.new_portfolio .home-sec-04 .img-container{height: 100vh; position: relative; }
.new_portfolio .home-sec-04 .img-container video{width:100%; height:100%; object-fit: cover; }
.new_portfolio .home-sec-04 .main-img{width:100%; height:100%; object-fit: cover;}
.new_portfolio .home-sec-04 .laptop-mockup,.new_portfolio .home-sec-04 .led-standee-mockup{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-05 .container-fluid{ padding:0px;}
.new_portfolio .home-sec-05 .main-row{padding: 2rem;gap: 24px 0px;}
/*.new_portfolio .home-sec-05 .main-row .columns{ border:1px solid black; }*/
.new_portfolio .home-sec-05 .main-row .columns .box{ border:2px solid var(--np-color-02); border-radius:30px; overflow: hidden;}
.new_portfolio .home-sec-05 .main-row .columns .box img{ width:100%; height:100%;  }
.new_portfolio .home-sec-05 .video-container{ height:100vh; display: flex;}
.new_portfolio .home-sec-05 .video-container video{width:100%;object-fit: cover;}


@media (max-width:1366px){
	.new_portfolio .home-sec-hero img.hero-img,.new_portfolio .home-sec-04 .main-img {object-fit: fill;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2,h2{font-size: clamp(1.25rem, 3vw, 36px); }
	
    .new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child {left: 23%;top: 4%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2) {left: 39%;top: -4%;}
	.new_portfolio .home-sec-01 .main-row { height: 85vh; }
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2{padding: 3rem 1.7rem;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span{padding:3rem 1rem;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img{width:235px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img {top:-19%;}
	.new_portfolio .home-sec-02 .img-container img {height: auto;}
	.new_portfolio .home-sec-02 .video-container { top: 14.2%; height: 76.5%; border-radius: 42px;}
}
@media (max-width:1280px){
	.new_portfolio .home-sec-hero,.new_portfolio .home-sec-04 .img-container,.new_portfolio .home-sec-05 .video-container {height: auto;display: flex;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2,h2{font-size: clamp(1.25rem, 3vw, 36px); }
	.new_portfolio p ,.new_portfolio a.sec-link{font-size: 18px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container{ height: 54.1%;}
	
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span {padding: 2.1rem 0.8rem;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child {left: 21%;top: -11%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2) {top: -19%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img {top: -23%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img {width: 185px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 {
        padding: 1.8rem 1.7rem;
    }
	.new_portfolio .home-sec-01 .main-row {height: 75vh;}
	.new_portfolio .home-sec-02 .video-container{ height: 76.8%; border-radius: 40.7px;}
/*	.new_portfolio a.sec-link{font-size: 18px;}*/
}
@media (max-width:992px){
    .new_portfolio .home-sec-01 .main-row {  height: 60vh;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child {left: 17%; top: -65%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2) {  top: -80%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img {width:168px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img { width: 152px; }
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2, h2{font-size: 24px;}
	.new_portfolio p, .new_portfolio a.sec-link { font-size: 13px;}
	.new_portfolio .home-sec-02 .video-container { height: 78%; border-radius: 31px; top: 14.5%;}
}
@media (max-width:768px){
	.new_portfolio .home-sec-01 .main-row { height: auto; gap:32px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2,h2{font-size: var(--rfs-54); }
	.new_portfolio p, .new_portfolio a.sec-link {font-size: 18px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child {left: 30%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2) {top: -80%;left: 42%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img { width: 243px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span{height: 307px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img { width: 210px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span {padding: 1.8rem 1.3rem;}
	.new_portfolio .home-sec-02 .video-container {height: 79.9%;border-radius: 23.7px;top: 14.6%;}
	.new_portfolio img.logo {width:110px;}
}
@media (max-width:576px){
    .new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span { height: 265px; padding: 2.3rem 0.4rem;}
    .new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 { padding: 1.3rem 1.7rem;}
    .new_portfolio p, .new_portfolio a.sec-link { font-size: 15px; }
	.new_portfolio .home-sec-02 .video-container { height: 82%; border-radius: 18.1px; top: 15.1%;}
}
@media (max-width:480px){
	.new_portfolio img.logo {  width: 45px; }
	.new_portfolio p {  font-size: 0.9rem;}
	.new_portfolio a.sec-link{font-size: 0.7rem;}
	.new_portfolio .home-sec-01 .main-row {padding:1rem;}
	.new_portfolio .home-sec-01 .main-row .columns{min-height: 100%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article {padding-block: 0px; height: 150px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article img { width: 150px;}

	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2, h2 {font-size: 22px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:first-child { left: 18%; top: 30%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article h2:nth-of-type(2) { top: 27%; left: 39%;}
	
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container { height: auto; flex-wrap: wrap; gap:0px;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 {width: 100%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2{margin-top:18rem; width:100%;}
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span { height: 250px; padding: 1.4rem 1.3rem; }
	.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box2 img { width: 165px;}
	.new_portfolio .home-sec-02 .img-container,.new_portfolio .home-sec-05 .main-row  {padding-inline:1rem;}

	.new_portfolio .home-sec-02 .img-container img ,.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box,.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) ul.box-container .box.box1 span,.new_portfolio .home-sec-01 .main-row .columns:nth-of-type(2) article,.new_portfolio .home-sec-01 .main-row .columns .img-container,.new_portfolio .home-sec-05 .main-row .columns .box { border-radius: 20px; }
	.new_portfolio .home-sec-02 .video-container { height: 81.2%; border-radius: 10px; top: 15.1%;}
}