/* CSS Document */
@font-face {
    font-family: "Sansterdam";
    src: url("fonts/Sansterdam Bold Deco.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


.new_portfolio .home-sec-hero { width: 100%; height: 100vh;}

.new_portfolio .home-sec-hero img { width: 100%; height: 100%; object-fit: cover;}

.new_portfolio ul { list-style-type: none; padding-left: 0px; margin-bottom: 0px;}

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

.new_portfolio .home-sec-01 .main-row {/*    border: 1px solid black;*/ padding-inline: 4rem;}

.new_portfolio .home-sec-01 .columns {/* border: 1px solid black; */ padding-inline:0px; }

.new_portfolio .home-sec-01 .columns:nth-of-type(1) { min-height: 50vh; margin-block: 3rem;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box { width: 100%; height: 100%; display: flex; justify-content: space-between;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li {/*    border: 1px solid black;*/border-radius: 24px;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box > li:nth-child(1) {  width: 50%; background-color: black; height: 100%; background-image: url("aquatein-white-logo.webp"); background-repeat: no-repeat; background-size: 40% auto; background-position: 15%;
 display: flex; flex-direction: column; align-items: flex-end;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span {font-family: "Sansterdam";color: #fff;font-size: var(--rfs-48);width: 60%;height: calc(100% / 4);display: flex;justify-content: center;align-items: center;border-radius: 60px;position: relative;left: 16%;letter-spacing: 2px;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span:nth-child(1) { background-color: #df5800;}
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span:nth-child(2) { background-color: #ed4275;}
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span:nth-child(3) { background-color: #82b927;}
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span:nth-child(4) { background-color: #864dbf;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) { width: 40%; height: 100%; display: flex; flex-direction: column; gap: 2rem;}
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) ul {width: 100%;display: flex;justify-content: space-between;height: 100%;}
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) li{background-color: #d6e545; background-repeat: no-repeat; }
.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(1) { width: 65%; height: 100%; background-image: url("fonts-1.webp"); background-size: 35%; background-position: 20%;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(2) { width: 30%;
 height: 100%; background-image: url("stay-weird-sticker.webp"); background-position: center;}

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper2 li:nth-child(1) { width: 55%; height: 100%; background-image: url("aquatein-wolf-setting-on-bench.webp");  background-size: contain;  }

.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper2 li:nth-child(2) { width: 40%; height: 100%; background-image: url("font-2.webp"); background-position: center;  background-size: 60%;}

.new_portfolio .home-sec-01 .columns:nth-of-type(2){height: 70vh;/* padding-block: 8rem; */padding-bottom: 3rem;}
.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul{width:100%;height:100%;display: flex;gap: 3rem;}
.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul li{/*border:1px solid black;*/height:100%;width:calc(100% /4);border-radius: 24px;overflow: hidden;}
.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul li img{width:100%;height: 100%;object-fit: cover;}

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

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

/*.new_portfolio .home-sec-02 .columns.columns2{padding-block: 2rem;}*/
.new_portfolio .home-sec-02 .columns.columns2 ul{width:100%;height: 100%; display: flex;}
.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(1){height:100%; width:40%;} 
.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(1) img{height:100%; width:100%; object-fit: cover;} 
.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(2){height:100%; width:60%; background-image:url("aquatein-instagram-post.webp"); background-repeat: no-repeat; background-size: contain; background-position: center;}


.new_portfolio .home-sec-02 .columns.columns3 img{width:100%; height: 100%; object-fit: cover;}

.bold-moves{width: 130%;height: 50px;position: relative;left: -15%;overflow:hidden;margin-block: 2rem;}
.bold-moves.bm-01:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("strip-carbs-protein-sugar.webp") repeat top left;background-size: contain;animation: textMove1 12s linear infinite;}
.bold-moves.bm-02:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("strip-vitamin-water.webp") repeat top left;background-size: contain;animation: textMove2 12s linear infinite;}


@keyframes textMove1 {
  from { background-position: 0 0;}
  to { background-position: -100% 0;}
}
@keyframes textMove2 {
  from { background-position: -100% 0}
  to { background-position: 0% 0;}
}

@media(max-width:1366px){
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(1){background-size: 50% 60%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(2){background-size: 75%;
    background-position: center;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper2 li:nth-child(2){background-size: 70%;}
}
@media(max-width:1280px){
	.new_portfolio .home-sec-01 .columns:nth-of-type(1){margin-block:2rem;}
	.new_portfolio .home-sec-01 .main-row {padding-inline:3rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(1) {background-size: 55% 75%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) {min-height: 40vh; }
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2){gap:1.5rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(2) {height: auto;padding-bottom: 2rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul {gap:2rem;}
}
@media(max-width:768px){
	.new_portfolio .home-sec-hero{height: auto;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) {min-height: auto;}
	.new_portfolio .home-sec-01 .main-row { padding-inline: 2rem; margin-inline: 0px;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box > li:nth-child(1) {height: 30vh;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box {flex-direction: column; gap:2rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box > li:nth-child(1) {width: 90%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span{left: 12%;width: 45%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) {width: 100%;height: 60vh;}
	.new_portfolio .home-sec-02 .columns {height: auto;}
	.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(1),.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(2){height:50vh;}
	.bold-moves {height:30px;margin-block: 1rem;}
}
@media(max-width:576px){
	.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(1), .new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(2) { height: 300px;}
	.bold-moves.bm-01:before,.bold-moves.bm-02:before {width:300%;}
}
@media(max-width:480px){
	.new_portfolio .home-sec-01 .main-row {	padding-inline: 1.5rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box > li:nth-child(1) { height: 150px;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(1) span{font-size: 1rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li { border-radius: 20px;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box {gap:1rem;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) { height: 250px;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper2 li:nth-child(1) {background-position: center;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper1 li:nth-child(1) { background-size: 60% 65%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(1) ul.main-box li:nth-child(2) .box-wrapper2 li:nth-child(2) { background-size: 80%;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul {flex-direction: column;}
	.new_portfolio .home-sec-01 .columns:nth-of-type(2) ul li {width:100%;}
	.new_portfolio .home-sec-02 .columns.columns2 ul{flex-direction: column;}
	.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(1){width:100%;}
	.new_portfolio .home-sec-02 .columns.columns2 ul li:nth-of-type(2) {width:100%;height: 300px;}
	.bold-moves.bm-01:before, .bold-moves.bm-02:before { width: 500%;}
	.bold-moves {margin-block:0rem;}
}