/* CSS Document */

@font-face {
  font-family: "LTC Flash";
  src: url("Fonts/LTC Flash W00 Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Paintingwithchocolate";
  src: url("Fonts/Paintingwithchocolate-K5mo.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.new_portfolio ul{list-style-type: none; padding-left:0px; margin-bottom:0px;}
.new_portfolio .home-sec-hero{width:100%;height:100vh;/*border:1px solid black;*/padding: 6rem;position: relative;}
.new_portfolio .home-sec-hero img{width:100%;height:100%;}

.new_portfolio .home-sec-hero .img-container{ width:100%; height:100%; position:absolute; inset:0;}
.new_portfolio .home-sec-hero img.logo{width: 450px;height: 450px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.new_portfolio .home-sec-01 .container-fluid{padding-block:0px;}
.new_portfolio .home-sec-01 .main-row{}
.new_portfolio .home-sec-01 .main-row .columns{min-height: 100vh;padding-inline:0px;/*border:1px solid red;*/}
.new_portfolio .home-sec-01 .main-row .columns article{background-color: #000;padding-top: 50px;padding-bottom: 50px;}
.new_portfolio .home-sec-01 .main-row .columns article h2{color: #f9bd00;font-size: var(--rfs-48);font-family: "Paintingwithchocolate";text-transform: none;text-align: center;}
.new_portfolio .home-sec-01 .main-row .columns article p{color: #fff;font-family: "LTC Flash";max-width: 45%;text-align: center;margin-inline: auto;font-size: var(--rfs-24);}
.new_portfolio .home-sec-01 .main-row .columns{/*border:1px solid red;*/padding-inline:0px;overflow: hidden;}
.new_portfolio .home-sec-01 .main-row .columns ul{ /*border: 1px solid black;*/ /*height: 49%;*/ display: flex; gap: 3rem; padding-block: 5rem; padding-inline: 12rem;}
.new_portfolio .home-sec-01 .main-row .columns ul li{ width: 25%; height: 100%; border: 1px solid black; overflow: hidden;}
.new_portfolio .home-sec-01 .main-row .columns ul li img{width: 100%;height: 100%;object-fit: contain;}

.sec-01-scroll { white-space: nowrap; overflow: hidden; position: relative; background-color: #f9bd00; padding-block: 0.3rem;}

.sec-01-track { display: flex; width: max-content; gap: 20%;}
.sec-01-track.track1{animation: scrollLeft 15s linear infinite;}
.sec-01-track.track2{animation: scrollRight 15s linear infinite;}

.sec-01-track img { width: 63px; }

@keyframes scrollLeft {
    0% { transform: translateX(0);}
    100% { transform: translateX(-50%);}
}

@keyframes scrollRight {
    0% { transform: translateX(-50%);}
    100% { transform: translateX(0%); }
}

.new_portfolio .home-sec-02 .container-fluid,.new_portfolio .home-sec-03 .container-fluid{padding:0px;}
.new_portfolio .home-sec-02 .main-row{}
.new_portfolio .home-sec-02 .main-row .columns{/*border:1px solid black;*/height:100vh;}
.new_portfolio .home-sec-02 .main-row .columns img{ width:100%; height:100%; object-fit: cover; }
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) {padding-block: 4rem;position:relative;background-color: #f9bd00;display: flex;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::before,
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::after {content:"";position:absolute;left:0%;z-index:-1;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::before{width:100%; height:80%; background-color:#f9bd00;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::after{width:100%;height:20%;/* border:1px solid red; */top: 80%;background-image: url("paper-bg.webp");background-repeat: no-repeat;background-size: cover;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) video{width:100%;height:100%;/* object-fit: cover; */}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2),
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(4){background-image: url("paper-bg.webp");background-repeat: no-repeat;background-size: cover;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2){padding-block: 3rem;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3){background-color:#f9bd00; position: relative; }
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .pop-container{position: absolute;/*border:1px solid red;*/ width: 25%;height: 50%;top: 50%;left: 8%;transform: translateY(-50%);z-index: 999;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .pop-container img{ width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox{ position:absolute; inset:0; /*border:1px solid red;*/}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen{position:absolute;width: 23.9%;height: 87%;top: 5.2%;left: 36.7%;border-radius: 55px;/*border:1px solid red;*/ overflow: hidden;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen video{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) img{object-fit: contain;}
.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(4) {padding-block: 5rem;padding-inline: 12rem;}

.new_portfolio .home-sec-03 .container-fluid{}
.new_portfolio .home-sec-03 .img-divider{height: 250px;background-color: #000;padding-block: 1rem;}
.new_portfolio .home-sec-03 .img-divider img{height: 100%;width:100%;object-fit: fill;}

.new_portfolio .home-sec-03 .main-row{}
.new_portfolio .home-sec-03 .main-row .columns{width:100%; height:100vh; /*border:1px solid black;*/ padding-inline:0px;}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1){position: relative;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen{position: absolute;width: 45%;height: 90%;top: 5%;left: 36%;border: 10px solid black;background-color: #e90004;border-radius: 43px;overflow: hidden;}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen video{ width:100%; height:100%; object-fit: cover;}

/*.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.mobile-frame{position: absolute;height: 90%;top: 50%;left: 30%;transform: translateY(-50%);}*/

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul{/*border:1px solid black;*/ width:100%; height:100%; display: flex;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li{width:50%;height:100%;/* border:1px solid black; */}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1),
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2){background-repeat: no-repeat; background-size: cover; }
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1){background-image: url("yellow-bg.webp");}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2){background-image: url("red-dotted-bg.webp");padding-inline: 12rem;padding-block: 5rem;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img,
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img,
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(5) img{width:100%; height:100%; object-fit: cover;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3){padding-inline: 12rem;padding-block: 5rem;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4){display: flex; min-height:100vh; }
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) video{width:100%; height:100%; object-fit: cover;}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) { display: flex; flex-direction: column; justify-content: center; gap: 2rem;}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab{ /*border: 1px solid black;*/ width: fit-content; display: flex;
 align-items: center; gap: 3rem;}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab{ width: 350px; transition: all 0.3s ease;transform: scale(1);}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab:active{ transform: scale(0.9);}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text1{width: 40%;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text2{width: 33%;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text3{width: 35%;}

@media screen and (min-width: 1920px) and (min-height: 1080px) {
	.new_portfolio .home-sec-01 .main-row .columns ul {padding-block:8rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3){background-color:#f9bd00; position: relative; }
    .new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox{ position:absolute; inset:0; /*border:1px solid red;*/}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen {
   position: absolute;
    width: 27.1%;
    height: 85.8%;
    top: 5.8%;
    left: 34.9%;
    border-radius: 55px;
    overflow: hidden;
}
}

@media (max-width:1366px){
	.new_portfolio .home-sec-hero img.logo { width: 350px; height: 350px;}
	.new_portfolio .home-sec-01 .main-row .columns ul {padding-inline: 4rem;}
	.sec-01-track img { width: 32px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen { width: 27%; height: 79.1%; top: 9.2%; left: 35%; border-radius: 39px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen {width: 53%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab { width: 260px; }
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(4),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) {padding-inline: 4rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::before {height:70%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) video {position:relative;z-index: 2;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::after {height: 27%;top: 73%;z-index: 0;}
		.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(5) img {object-fit: fill;}
}
@media (max-width:1280px){
	.sec-01-track img { width: 33px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1){padding-inline:6rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::before {height:66%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1)::after {height: 25%;top: 75%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen {  width: 27%; height: 74.2%; top: 11.8%; left: 35%; border-radius: 39px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen { width: 59%; left: 25%;}
	.new_portfolio .home-sec-03 .img-divider img{object-fit: contain;}
	.new_portfolio .home-sec-03 .img-divider { height: 200px; }

}
@media (max-width:992px){}
@media (max-width:768px){
	.new_portfolio .home-sec-hero {height:auto;}
	.new_portfolio .home-sec-hero {  height: auto; padding:3rem;}
	.new_portfolio .home-sec-hero img.logo {  width: 200px; height: 200px;}
	.new_portfolio .home-sec-01 .main-row .columns article h2 {    font-size: 40px;}
	.new_portfolio .home-sec-01 .main-row .columns article p { font-size: 18px;}
	.sec-01-track img { width: 38px;}
	.new_portfolio .home-sec-01 .main-row .columns ul li {width: 46%;}
	.new_portfolio .home-sec-01 .main-row .columns ul { padding-inline: 4rem; flex-wrap: wrap; height: auto; }
	.new_portfolio .home-sec-01 .main-row .columns,.new_portfolio .home-sec-02 .main-row .columns {height:auto;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) { padding-inline: 4rem; padding-block:2rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen {width: 27.1%;height: 86.5%;top: 5.5%;left: 34.9%;border-radius: 24px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(4),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3){padding-inline:4rem;padding-block: 4rem;}
	.new_portfolio .home-sec-03 .img-divider { height: 140px;}
	.new_portfolio .home-sec-03 .main-row .columns {height: auto;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen {width: 56%;height: 90.1%;border-radius: 32px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab { width: 160px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) {padding-block:2rem;}
	.new_portfolio .home-sec-01 .main-row .columns article p {max-width:75%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab{gap:1rem;}
}
@media (max-width:576px){
	.container-fluid{padding:0px;}
	.new_portfolio .home-sec-hero img.logo { width: 150px; height: 150px;}
	.new_portfolio .home-sec-01 .main-row .columns ul li { width: 44%; }
	.new_portfolio .home-sec-01 .main-row .columns ul {}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen {border-radius:1rem;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab { width: 120px; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen { width: 61%;}
}
@media (max-width:480px){
	.new_portfolio .home-sec-hero {padding:2rem;}
	.new_portfolio .home-sec-hero img.logo { width: 80px; height: 80px;}
	.new_portfolio .home-sec-01 .main-row .columns article h2 { font-size: 22px;}
	.new_portfolio .home-sec-01 .main-row .columns article p {font-size: 0.8rem;}
	.new_portfolio .home-sec-01 .main-row .columns article { padding-top: 40px; padding-bottom: 40px;}
	.sec-01-track {gap:7%;}
	.new_portfolio .home-sec-01 .main-row .columns ul { padding-inline: 2rem; padding-block: 2rem; gap: 2rem;}
	.new_portfolio .home-sec-01 .main-row .columns ul li {  width: 100%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) { padding-inline: 1.3rem; padding-block: 1rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2) { padding-block: 1rem;}
	.new_portfolio .home-sec-03 .img-divider { height: 80px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(4){  padding-inline: 1.3rem; padding-block: 1.3rem;}
	.new_portfolio .home-sec-03 .img-divider img { object-fit: fill;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-tab { width: 50px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text1 { width: 75%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text2 { width: 58%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) .tab img.img-text3 { width: 65%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) .vid-screen {width: 66%;border-radius: 16px;border: 6px solid black;left: 18%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(3) .vbox .vscreen {width: 27.2%;height: 85.9%;border-radius: 8px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2),
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3){padding:2rem;}
}