/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Neucha&display=swap');

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

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

.new_portfolio .home-sec-01{}
.new_portfolio .home-sec-01 .container-fluid{padding: 0px;}
.new_portfolio .home-sec-01 .speed-test { overflow: hidden; white-space: nowrap; position: relative; width: 100%; /*  padding: 10px 0;*/ background-color: #fade07;}

.new_portfolio .home-sec-01 .speed-test-track { display: inline-flex; align-items: center; gap: 4rem; animation: scroll 20s linear infinite;}

.new_portfolio .home-sec-01 .speed-test-item { flex: 0 0 250px; font-size: clamp(2rem, 4.5vw, 64px); }
.new_portfolio .home-sec-01 .speed-test-item:nth-of-type(even){ font-family: "Gelasio", serif; color: #0a7e40;}
.new_portfolio .home-sec-01 .speed-test-item:nth-of-type(odd){ font-family: "Neucha", cursive;}

.new_portfolio .home-sec-01 .speed-test-item img { max-height: 90px; width: auto; height: auto; display: block; }


.new_portfolio .home-sec-01 .main-row { padding-inline: 4rem; padding-block: 2rem;}
.new_portfolio .home-sec-01 .main-row .columns{}
.new_portfolio .home-sec-01 .main-row .columns ul{width:100%;display: flex;}
.new_portfolio .home-sec-01 .main-row .columns ul li{}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li{aspect-ratio:1; /*border:1px solid #000;*/ width:calc(100% / 3); align-content: center;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(1){background-color: #0a7e40;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2){background-color: #fade07; position: relative;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper{width:100%;/*border: 1px solid red;*/position: absolute;top: -7%;display: flex;gap: 2rem;justify-content: center;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span{/*border: 1px solid #000;*/ width: 80px;height: 80px;border-radius: 50%;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span:nth-child(1){background-color: #3c3b3d;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span:nth-child(2){background-color: #fade07;filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.12));}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span:nth-child(3){background-color: #0a7e40;}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span:nth-child(4){background-color: #fff;filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.12));}
.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(3){background-color: #3c3b3d;}

.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li img{display: block; margin-inline:auto;}



.new_portfolio .home-sec-02 .main-row {}
.new_portfolio .home-sec-02 .main-row .columns{}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(1) img{width:100%; height: 100%;}

.new_portfolio .home-sec-02 .main-row .columns:not(:first-child){margin-top:1rem;}
.new_portfolio .home-sec-02 .carousel {  background-color: black; padding: 6vw 0;}

.new_portfolio .home-sec-02 .carousel-inner { width: 80%; margin-inline: auto;}

.new_portfolio .home-sec-02 .carousel-item { align-content: center;}

.new_portfolio .home-sec-02 .carousel-item img {
    margin-inline: auto;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.new_portfolio .home-sec-02 .carousel-indicators {
    bottom: 21%;
    z-index: 99;
}

.new_portfolio .home-sec-02 .carousel-indicators [data-bs-target] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
}

.new_portfolio .home-sec-02 .carousel-indicators .active {
    background-color: lightskyblue;
}





    /* Animation */
 @keyframes scroll {
      from {  transform: translateX(0); }

      to {  transform: translateX(-50%);}
    }
.new_portfolio .home-sec-02 .main-row .columns:nth-child(3) img,
.new_portfolio .home-sec-02 .main-row .columns:nth-child(4) video{width:100%;}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(5){background-color: #fade07;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul{width: 100%;display: flex;gap: 1.5rem;margin-top:6rem;padding-bottom: 4rem;justify-content: space-between;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li{flex-grow: 1;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li img{width:100%;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li:nth-child(2){position: relative;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li:nth-child(2) img:nth-child(1){position: absolute;left: 50%;transform: translate(-50%,-50%);width: 60%;}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(6){background-color: #3c3b3d;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul{display: flex; gap: 1.5rem;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul li{width:50%;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul li img{}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul:nth-child(2){}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul:nth-child(2) li{}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul:nth-child(2) li img{display: block;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul:nth-child(2) li:nth-child(1) img{margin-left: auto;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul:nth-child(2) li:nth-child(2) img{}

.new_portfolio .home-sec-02 .main-row .columns:nth-child(7) ul {width:100%;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(7) ul li{width:100%;}
.new_portfolio .home-sec-02 .main-row .columns:nth-child(7) ul li img{display: block; margin-inline:auto;}

@media(max-width:1440px){
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(7) ul li img {width:80%;}
	.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li img {width:80%;}
	
}
@media(max-width:1366px){}
@media(max-width:1024px){
	.new_portfolio .home-sec-hero video{height: auto;}
	.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span{width:50px; height:50px;}
	.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper{gap:1rem;}
	.new_portfolio .home-sec-01 .speed-test-item {flex: 0 0 auto}
}
@media(max-width:768px){
   .new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span { width: 40px; height: 40px; }
}



    @media (max-width: 576px) {
      /* .speed-test-item img {  max-height: 50px;}*/

     .new_portfolio .home-sec-01 .speed-test-item { flex: 0 0 150px;  }

     .new_portfolio .home-sec-01 .speed-test-track {  gap: 1.5rem; }
	 .new_portfolio .home-sec-01 .main-row { padding-inline: 2rem;	}
	 .new_portfolio .home-sec-01 .main-row .columns ul{flex-direction: column;}
	 .new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li {width:100%;}
     .new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper { gap: 1.5rem;}
	 .new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span:nth-child(3){filter: drop-shadow(-2px -4px 6px rgba(0, 0, 0, 0.12));}
	 .new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span{width:80px; height:80px;}	
	 .new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul {flex-direction: column;}	
	 .new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul {margin-top:0rem; padding-bottom: 0rem;}
		.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li:nth-child(2){margin-top:3rem;}
		.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li:nth-child(2) img:nth-child(1){width:50%;}
		
	 .new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul{flex-direction: column;}
		
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(6) ul li{width:100%;}
}

@media(max-width:480px){
		.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper span{width:50px; height:50px;}
		.new_portfolio .home-sec-01 .main-row .columns ul:nth-child(2) li:nth-child(2) .circle-wrapper{gap:1rem;}
	    .new_portfolio .home-sec-02 .carousel-indicators {	bottom: 9%;}
	    .new_portfolio .home-sec-01 .main-row {padding-block:1.5rem;}
	.new_portfolio .home-sec-02 .main-row .columns:nth-child(5) ul li:nth-child(2) { margin-top: 1.5rem; }
}