/* CSS Document */
@font-face {
    font-family: "Unbounded";
    src: url("Fonts/Unbounded-VariableFont_wght.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 {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

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

.new_portfolio .home-sec-01 .content {
    background-color: #366866;
    padding-block: 80px;}

.new_portfolio .home-sec-01 .content h2 {
    color: #fce274;
    font-family: Unbounded;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1rem;
    font-size: var(--rfs-64);
}

.new_portfolio .home-sec-01 .content p {
    color: #fff;
    font-family: Unbounded;
    text-align: center;
    max-width: 70%;
    margin-inline:auto; font-size: var(--rfs-24);
}

.new_portfolio .home-sec-01 .colors-wrapper {
    padding: 3rem;
}

.new_portfolio .home-sec-01 .colors-wrapper ul {
    width: 100%;
    display: flex;
    gap: 15px;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li {
    /*border:1px solid black;*/
    width: calc(100% / 8);
    height: 320px;
    border-radius: 110px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(1) {
    background-color: #2a308b;
    color: #2a308b;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(2) {
    background-color: #2fcbbe;
    color: #2fcbbe;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(3) {
    background-color: #fce274;
    color: #fce274;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(4) {
    background-color: #f87b37;
    color: #f87b37;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(5) {
    background-color: #e20f65;
    color: #e20f65;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(6) {
    background-color: #5cbf6b;
    color: #5cbf6b;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(7) {
    background-color: #f3e6cb;
    color: #f3e6cb;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li:nth-of-type(8) {
    background-color: #b483cc;
    color: #b483cc;
}

.new_portfolio .home-sec-01 .colors-wrapper ul li span {
    width: 100%;
    /*border: 1px solid black;*/
    text-align: center;
    padding-block: 1rem; font-size: 1.5rem;
    margin-bottom: 5rem;
    font-family: Unbounded;
    background-color: white;
}

.new_portfolio .home-sec-01 .gradient-wrapper {
    width: 100%;
    /*border:1px solid black;*/
    margin-top: 3rem;
    height: 80px;
    background: linear-gradient(to right, #2a308b, #2fcbbe, #fce274, #f87b37, #e20f65, #5cbf6b, #f3e6cb, #b483cc);
}

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

.new_portfolio .home-sec-02 .main-row {
    padding-inline: 3rem;}

.new_portfolio .home-sec-02 .main-row .columns {
    padding-inline:0px;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) {
    /* border:1px solid white; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul {
    /* border: 1px solid black; */
    width: 100%;
    background-color: #366866;
    display: flex;
    justify-content: space-between;
    padding-inline: 3rem;}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li h2 {
    color: #fce274;
    font-family: Unbounded;
    text-transform: capitalize;
    font-size: var(--rfs-64);
}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li p {
    color: #fff;
    font-family: Unbounded;
    font-size: var(--rfs-30);
}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) p span {
    font-size: 60px;
}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) img {
    width: 80%;
    margin-left: auto;
    display: block;
}

.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2) {
    min-height: 100vh;
}

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

.new_portfolio .home-sec-03 .main-row {
}

.new_portfolio .home-sec-03 .main-row .columns {
    min-height: 180vh;
/*    border: 1px solid black;*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) {background-image: url("pink-wall.webp");}

.new_portfolio .home-sec-03 .main-row .columns .video-container {
    position: absolute;
    width: 65%;
    height: 45%;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
/*    border: 1px solid red;*/
    z-index: 2;
}

.new_portfolio .home-sec-03 .main-row .columns .video-container video{width:100%;height:100%;object-fit: cover;}

.new_portfolio .home-sec-03 .main-row .columns .video-container img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cross-with-white-paint {
    width: 14%;
    position: absolute;
    right: 10%;
    top: 3%;
    z-index: 3;
}

.new_portfolio .home-sec-03 .main-row .columns img.circular-wheel {
    width: 40%;
    position: absolute;
    /* right: 3%; */

    z-index: 1;
    animation-name: round;
    animation-iteration-count: infinite;
    animation-duration: 30s;
    animation-timing-function: linear;
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.circular-wheel {
	left: 3%;
	bottom: 20%;
}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.circular-wheel {
	top: 12%;
	right: 15%;
}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img.circular-wheel {
	top: 35%;
	right: 3%;
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.circular-wheel {
	bottom: 20%;
	left: 3%;
}

@keyframes round {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cant-stop-you {
    width: 40%;
    position: absolute;
    right: 22%;
    bottom: 5%;
    z-index: 3;
}

.bold-moves{width: 130%;height: 6vh;position:absolute;left: -15%;overflow:hidden;}
.bold-moves:before{content:"";width: 200%;height: 100%;position:absolute;top:0;left:0;background: url("bold-moves-stripe.webp") repeat top left;background-size: contain;animation: textMove 12s linear infinite;}
.bold-moves.bm-01{top: 48%;transform: rotate(39deg);z-index: 1;}
.bold-moves.bm-02{top: 92%;transform: rotate(326deg);z-index: 1;}
.bold-moves.bm-03{/* top: 92%; */bottom: -12%;transform: rotate(28deg);z-index: 1;}

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


.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) {background-image: url("purple-wall.webp");}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) .video-container {
    position: absolute;
    width: 40%;
    height: 55%;
    top: 4%;
    left: 39%;
    transform: translateX(-50%);
/*    border: 1px solid black;*/
    z-index: 2;
}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.heart{width: 25%;position: absolute;/* right: 16%; *//* bottom: 0%; */top: -8%;left: 80px;z-index: 999999;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.street-hustler {width: 45%;position: absolute;/* right: 16%; */left: 0%;bottom: 9%;z-index: 3;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.meltng-pink-cross {width: 12%;position: absolute;right: 7%;/* left: 0%; *//* bottom: 9%; */top: -2%;z-index: 3;}



.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) {background-image: url("orange-wall.webp");}

.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img.paint-patch {width: 44%;position: absolute;right: 2%;/* left: 0%; *//* bottom: 9%; */top: -1%;z-index: 3;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img.if-you-are-wild {width: 55%;position: absolute;/* right: 16%; */left: 0%;bottom: 21%;z-index: 3;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img.smily {width: 15%;position: absolute;right: 11%;/* left: 0%; */bottom: 21%;z-index: 3;}


.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) {background-image: url("blue-wall.webp");}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.orange-paint-splash1 {width: 35%;position: absolute;left: 0%;top: -6%;z-index: 1;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.orange-paint-splash2 {width: 25%;position: absolute;right: 0%;/* left: 0%; *//* bottom: 21%; */top: -8%;z-index: 3;}
.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.create-text {width: 60%;position: absolute;right: 0%;/* left: 0%; */bottom: 0%;/* top: -8%; */z-index: 3;}


@media(max-width:1366px){
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li p {font-size: var(--rfs-21);}
	.new_portfolio .home-sec-03 .main-row .columns {min-height: 150vh;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cross-with-white-paint {width: 15%;  top: 6%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.street-hustler {width: 40%;}
}
@media(max-width:1280px){
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2) { min-height: auto;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) img {width: 60%; }
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul {padding-inline:2rem;}
	.new_portfolio .home-sec-02 .main-row { padding-inline: calc(3rem + 12px); }
}
@media(max-width:768px){
	.new_portfolio .home-sec-hero {height:auto;}
	.new_portfolio .home-sec-01 .content {padding-block:50px;}
	.new_portfolio .home-sec-01 .content p br{display: none;}
	.new_portfolio .home-sec-01 .content p {max-width:80%;}
	.new_portfolio .home-sec-01 .colors-wrapper ul li span {font-size: 0.7rem; margin-bottom:2rem;}
	.new_portfolio .home-sec-01 .colors-wrapper ul li {height:150px;}
	.new_portfolio .home-sec-01 .gradient-wrapper {height:45px;}
	.new_portfolio .home-sec-03 .main-row .columns {min-height: 100vh;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul {  padding-bottom: 2rem; flex-direction: column-reverse;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) img {margin-left: 0px;
    display: inline-block; width: 25%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) p span { font-size: 40px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li p {margin-bottom:0px;}
	.new_portfolio .home-sec-03 .main-row .columns .video-container {width: 75%;height: 50%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cross-with-white-paint {width: 20%;right: 2%;top: 4%;}
	.bold-moves {height:4vh;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) .video-container {top:10%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.heart {top: -8%; width: 35%; left: -12px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.meltng-pink-cross { width: 15%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cant-stop-you { width: 56%; right: 12%; bottom: -1%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(3) img.circular-wheel { top: 43%; right: 2%;}
  
}
@media(max-width:576px){
	
	.new_portfolio .home-sec-01 .content h2,.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li h2 {font-size: 20px;}
	.new_portfolio .home-sec-01 .content p {font-size: 0.7rem; max-width: 90%;}
	.new_portfolio .home-sec-01 .content { padding-block: 30px;}
	.new_portfolio .home-sec-01 .colors-wrapper { padding: 1.5rem;}
	.new_portfolio .home-sec-01 .colors-wrapper ul {flex-wrap: wrap;}
	.new_portfolio .home-sec-01 .colors-wrapper ul li {width: calc(100% / 5); height: 130px;}
	.new_portfolio .home-sec-01 .colors-wrapper ul li span {font-size: 0.5rem; margin-bottom: 1.5rem;}
	.new_portfolio .home-sec-01 .gradient-wrapper {margin-top:1.5rem;}
	.new_portfolio .home-sec-01 .gradient-wrapper { height: 24px;}
	.new_portfolio .home-sec-02 .main-row { padding-inline: calc(1.5rem + 12px);}
	.new_portfolio .home-sec-03 .main-row .columns {  min-height: 70vh;}

	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(2) img {width:100%;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li p{ font-size: 0.6rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li:nth-of-type(1) p span { font-size: 20px;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul {padding-inline: 1rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(1) ul li p br:nth-of-type(1){display: none;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-of-type(2) { min-height: 35vh; }
	.bold-moves {	width: 200%;}
	.bold-moves.bm-01 { top: 48%; left: -46%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) .video-container { width: 50%; height: 70%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.street-hustler {bottom:-6%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.circular-wheel { top: 20%; right: 14%;}
	.bold-moves.bm-02 {top: 75%;}
	.bold-moves.bm-03 {bottom: -30%; }
	
}
@media(max-width:480px){
	.bold-moves { width: 200%; }
	.new_portfolio .home-sec-03 .main-row .columns .video-container { width: 75%; height: 35%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) .video-container {width: 40%; }
	.new_portfolio .home-sec-03 .main-row .columns {  min-height: 50vh;}
	.new_portfolio .home-sec-03 .main-row .columns .video-container {  width: 75%;  height: 60%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.circular-wheel { left: 4%; bottom: 7%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(1) img.cant-stop-you { width: 43%;right: 16%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.heart { top: -10%; left: 0px;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(2) img.street-hustler {  bottom: -12%;}
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.circular-wheel { bottom: 7%; left: 5%; }
	.new_portfolio .home-sec-03 .main-row .columns:nth-of-type(4) img.create-text {right: 3%; bottom: -4%; width: 50%;}
    
}