/* CSS Document */

.main-row .columns{padding-inline:0px;}
ul{list-style: none; padding-left: 0px; margin-bottom: 0px;}

.about-hero-banner .container-fluid{padding-block:70px;}
.about-hero-banner .main-row{padding-inline:7rem;}
.about-hero-banner .main-row .columns{margin-inline:auto;}
.about-hero-banner .main-row .columns:nth-child(1){ /*min-height: calc(30vh - 60px);*/ display: flex; align-items: flex-end;}
.about-hero-banner h1.heading-01 { font-size: calc(5rem + 5vh);}
.about-hero-banner h1 > span:nth-child(1){  width:100%; display: flex; justify-content: flex-start; gap:5%; margin-bottom: 1.3rem;}
.about-hero-banner h1 > span:nth-child(2){  width:100%; display: flex; justify-content: flex-start; gap:7%;}

.about-hero-banner .main-row .columns:nth-child(2){margin-block:20px; }
.about-hero-banner .main-row .columns:nth-child(2) video{width:100%;}

.about-hero-banner .main-row .columns:nth-child(3) p{width:fit-content; margin-left:auto;}


.about-sec-01 .main-row{}	
.about-sec-01 .main-row .columns{/*height: 100vh;*/} 
.about-sec-01 .main-row .columns:nth-child(1){margin-block:100px; display: flex; justify-content: center; align-items: center; position: relative;} 
.about-sec-01 .main-row .columns:nth-child(1) p{position: absolute; max-width: 450px; top: 84%; right: 6%;} 
.about-sec-01 .main-row .columns:nth-child(1) ul{margin-bottom:0px; padding-left: 0px; list-style-type: none; width:100%; position: absolute; /*border:1px solid red;*/}

.about-sec-01 .main-row .columns:nth-child(1) ul li{/*border:1px solid red;*/ width:fit-content; font-size: clamp(2.5rem, 7vw, 110px); font-weight: bold;  padding-inline:2rem; padding-block:1rem; font-family: "minerva-modern", sans-serif}

.about-sec-01 .main-row .columns:nth-child(1) ul li:not(:last-child){ background: rgba(255, 255, 255, 0.3);
 backdrop-filter: blur(10px); }

.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(1){    padding-left: 4%;}
.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(2){margin-left:auto; padding-right:4%;}
.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(3){width:100%; /*border:1px solid #000;*/     display: flex;
    justify-content: space-between;}
.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(3) span{background: rgba(255, 255, 255, 0.3);
 backdrop-filter: blur(10px); padding-inline:2rem; padding-block:1rem;}



.about-sec-02{background-color: var(--color-02);}
.about-sec-02 .main-row{}
.about-sec-02 .main-row .columns{/*height: 100vh;*/} 
.about-sec-02 .main-row .columns:nth-child(1),.about-sec-02 .main-row .columns:nth-child(3){margin-block:100px;} 
.about-sec-02 .main-row .columns ul{display: flex;  width:100%; /*height: 100%;*/ justify-content: center; gap:16%; padding-block: 3rem;     /*gap: clamp(20px, 8vw, 150px);*/ flex-wrap: wrap;} 
.about-sec-02 .main-row .columns ul li{ width:25%; /*border:1px solid #fff;*/} 
.about-sec-02 .main-row .columns ul li img{ width:100%; object-fit: cover;} 

.about-sec-02 .main-row .columns article{display: flex; gap:1.3rem; padding-block:1.3rem;}
.about-sec-02 .main-row .columns article span{color:#fff; font-size: clamp(0.875rem, 1.75vw, 20px); }
.about-sec-02 .main-row .columns article h4{color:#fff; font-size: clamp(1.25rem, 3vw, 32px);}
.about-sec-02 .main-row .columns article p{color:#fff; font-size: clamp(0.875rem, 1.75vw, 18px);}

.about-sec-02 .columns ul li {
  width: 30%;
  will-change: transform;
}

/* grayscale effect */
.about-sec-02 .columns ul li img {
  width: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}

/* optional fallback hover (in case JS fails) */
.about-sec-02 .columns ul li:hover img {
  filter: grayscale(0%);
}

.about-sec-03 .container-fluid{padding-block:70px;}
.about-sec-03 .main-row{}
.about-sec-03 .main-row .columns{margin-inline:auto;}
.about-sec-03 .main-row .columns:nth-child(1){ /*min-height: calc(30vh - 60px);*/ display: flex; align-items: flex-end; padding-inline:7rem;}
.about-sec-03 h2 { font-size: calc(5rem + 5vh); width:100%; }
.about-sec-03 h2 > span:nth-child(1){  width:100%; display: flex; justify-content: flex-start; gap:10%; }
.about-sec-03 h2 > span:nth-child(2){  width:100%; display: flex; justify-content: flex-end; gap:10%; padding-right: 13%;}
.about-sec-03 h2 > span:nth-child(3){  width:100%; display: flex; justify-content: flex-start; gap:10%;}

.about-sec-03 .main-row .columns:nth-child(2){margin-block:50px;}
    .speed-test {
      overflow: hidden;
      white-space: nowrap;
      position: relative;
      width: 100%;
      /*  padding: 10px 0;*/
    }

    .speed-test-track {
      display: inline-flex;
      align-items: center;
      gap: 2.5rem;
      animation: scroll 20s linear infinite;
    }

    .speed-test-item {
      flex: 0 0 456px;
    }

    .speed-test-item img {
/*      max-height: 90px;*/
      width: 100%;
      height: auto;
      display: block;
    }

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

      to {
        transform: translateX(-50%);
      }
    }



.about-sec-03 .main-row .columns:nth-child(3) {padding-right:7rem;}
.about-sec-03 .main-row .columns:nth-child(3) p{width:fit-content; margin-left:auto;}




@media(max-width:1440px){
	.about-sec-01 .main-row .columns:nth-child(1) img { width: 38%; }
	.about-sec-01 .main-row .columns:nth-child(1) ul{bottom:42%;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li{font-size: clamp(2.5rem, 6vw, 82px);}
	.about-sec-01 .main-row .columns:nth-child(1) p {max-width: 280px; top: 73%; right: 7%; }
	.about-sec-02 .main-row .columns article h4{font-size: clamp(1.125rem, 2.5vw, 30px);}
	.about-sec-02 .main-row .columns ul li { width: 30%;}
	
	
    .about-hero-banner h1.heading-01,.about-sec-03 h2 {font-size: calc(3rem + 5vh);}
}

@media(max-width:1366px){
	    .about-hero-banner .main-row .columns:nth-child(2) img { height: 400px; }
		.about-sec-01 .main-row .columns:nth-child(1) ul{bottom:36%;}
	.about-sec-01 .main-row .columns:nth-child(1) p { top: 70%; max-width: 326px; right:3%; }
}

@media(max-width:1280px){
	    .about-hero-banner h1.heading-01, .about-sec-03 h2 { font-size: calc(3rem + 3vh); }
	    .about-sec-01 .main-row .columns:nth-child(1) img {  width: 35%;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li{font-size: clamp(2rem, 4.5vw, 64px);}
	.about-sec-02 .main-row .columns article h4{font-size:clamp(1rem, 2vw, 24px);}
	.about-sec-01 .main-row .columns:nth-child(1) ul {  bottom: 50%; }
	.about-sec-01 .main-row .columns:nth-child(1) ul li{padding-block:0px;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(1) { padding-left: 5.5%;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(2) { padding-right: 5.5%;}
}

@media(max-width:1199px){

}

@media(max-width:1024px){
	 .about-hero-banner .main-row { padding-inline: 3rem;}
	.about-hero-banner h1.heading-01, .about-sec-03 h2 { font-size: calc(3rem + 2vh); }
	.about-hero-banner .main-row .columns:nth-child(2) img {object-fit: cover;}
	
	.about-hero-banner .main-row .columns:nth-child(3) p{margin-left: 0px;}
	.about-hero-banner .main-row .columns:nth-child(3) p br{display: none;}
	.about-sec-01 .main-row .columns:nth-child(1) img { width: 30%; }
	.about-sec-01 .main-row .columns:nth-child(1) ul li{padding-block:0.4rem;}
	.about-sec-01 .main-row .columns:nth-child(1){flex-direction: column; gap:1rem;}
	.about-sec-01 .main-row .columns:nth-child(1) p{position: static; max-width: 80%; text-align: center;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(1) {padding-left: 7%;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(2){padding-right: 7%;}
	.about-sec-01 .main-row .columns:nth-child(1){margin-block:50px;}
	.about-sec-02 .main-row .columns ul li { width: 38%;}
	.about-sec-02 .main-row .columns article h4{font-size: 24px;}
	.about-sec-03 .main-row .columns:nth-child(3){padding-right: 0px;}
	.about-sec-03 .main-row .columns:nth-child(3) p{margin-inline:auto; text-align: center; max-width: 80%; }
	.about-sec-03 .main-row .columns:nth-child(3) p br{display: none;}
	
	
}

@media(max-width:991px){
	.about-hero-banner h1.heading-01, .about-sec-03 h2 {font-size: calc(2rem + 2vh);}
	.about-hero-banner .main-row .columns:nth-child(2) img{height: 300px;}
/*	.home-sec-06 section.panel{height: 600px;}*/

}
	
	



    @media (min-width: 768px) {
      .speed-test:hover .speed-test-track {
        animation-play-state: paused;
      }
    }


@media(max-width:768px){
	.about-hero-banner .main-row .columns:nth-child(3) p{margin-left:0px;}
	.about-sec-01 .main-row .columns:nth-child(1) ul li:nth-child(3) span{padding-inline:1rem;}
	.about-sec-03 .main-row .columns:nth-child(3) p{margin-inline:auto; text-align: center;}
	.about-sec-03 .main-row .columns:nth-child(3){padding-right: 0px;}
	.about-hero-banner .container-fluid {padding-block: 50px; }

}
    @media (max-width: 576px) {

      .speed-test-item { flex: 0 0 150px; }

      .speed-test-track { gap: 1.5rem; }
		
		h2.heading-01 {font-size: calc(2rem + 2vh);}
		.home-sec-06 .wtm-txt{padding-left: 12px;}
	    .about-hero-banner .main-row { padding-inline: 1.3rem; }
		.about-hero-banner h1.heading-01, .about-sec-03 h2 {font-size: 2.3rem;}
		.about-sec-01 .main-row .columns:nth-child(1) p{font-size: 18px;}
		.about-sec-02 .main-row .columns:nth-child(1), .about-sec-02 .main-row .columns:nth-child(3) { margin-block: 50px;}
		.about-sec-03 .main-row .columns:nth-child(1){padding-inline:2rem;}
		.about-sec-03 .main-row .columns:nth-child(2) { margin-block: 30px; }
    }