/* CSS Document */
:root{
	--color-01: #01242D;;
	--color-02: #093E50;
	--color-03: #27A8E0;
}

  .mtc-home{font-family: "Saira", sans-serif;}
	.mtc-home .main-row{margin-inline:0px;}
    .mtc-home .container-fluid{padding: 0px;}
  .mtc-home ul{padding-left: 0px; margin-bottom: 0px; list-style: none;}
/*  .mtc-home section:not(.sec-05){height:100vh;border:1px solid black; }*/

  .mtc-home .sec-01,.mtc-home .sec-06{height:100vh;}
  .mtc-home header {/*border:1px solid white;*/padding-inline: 3.5rem;display: flex;top: 4%;}
  .mtc-home header img.logo{filter: drop-shadow(2px 0px 2px #000);width: 7%;} 

  html {scroll-behavior: smooth;}
  .mtc-home header nav { position: absolute; overflow: hidden;}
  .mtc-home header nav .nav-progress { position: absolute; bottom: 8%; left: 0; height: 3px; width: 0%; background-color: #fff; transition: width 0.3s ease;}
  .mtc-home header nav ul a { transition: color 0.3s ease;}
  .mtc-home header nav ul a.active { color: #fff;}


  .mtc-home header nav{/*background-color: var(--color-01);*/background-color: #01242ddb;align-content: center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);padding-block: 1rem;padding-inline: 1rem;width: 50%;}
  .mtc-home header nav ul{/*border:1px solid white;*/display: flex;width: 100%;}
  .mtc-home header nav ul li{/* padding-inline: 1rem; */ width: calc(100% / 9);}
  .mtc-home header nav ul li:not(:last-child){border-right: 1px solid rgba(255, 255, 255, 0.50);}
  .mtc-home header nav ul a{text-decoration: none;color: rgba(255, 255, 255, 0.45);font-size: clamp(0.875rem, 1.5vw, 14px);font-style: normal;font-weight: 400;line-height: 20px;letter-spacing: -0.28px;display: inline-block;width: 100%;text-align: center;}

  .mtc-home .sec-01 .container-fluid{padding-inline:0px; position: relative}

  .mtc-home .sec-01 .container-fluid .content-box{z-index:2;position: absolute;top:50%;transform: translateY(-50%);/* border:1px solid #fff;*/margin-left: calc(4rem + 12px);}
  .mtc-home .sec-01 .container-fluid .content-box h1{ color:#fff; font-size: clamp(2.5rem, 6vw, 80px); font-style: normal; font-weight: 700; line-height: 80px; margin-bottom: 50px;}
  .mtc-home .sec-01 .container-fluid .content-box .cta-link{color: #fff;border-color: #fff;}

  .mtc-home .sec-01 .container-fluid .content-box .cta-link .cta-icon { filter: invert(1) brightness(120%);}
  
  .cta-link{color:#000; text-decoration: none;border: 1px solid var(--color-02);display: flex;align-items: center;/* background-color: black; */width: fit-content; font-size: clamp(0.875rem, 1.75vw, 20px);; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.4px;}
  .cta-link span:first-child{ padding:10px;}
  
  .cta-icon{background-color: var(--color-01);aspect-ratio: 1;height:100%;padding: 14px 16px;transition: all .4s ease;display: flex;justify-content: center;align-items: center;}

  .mtc-home .sec-01 .video-wrapper { height: 100vh; position: relative; overflow: hidden; }
  .mtc-home .sec-01 .video-wrapper .main-video{ height: 100%; }
  .mtc-home .sec-01 .video-wrapper .main-video .tab-pane{ height: 100%; }

  .mtc-home .sec-01 {position: relative; overflow: hidden;}
  .mtc-home .sec-01::before{content:""; position: absolute; inset:0; z-index:1; background: linear-gradient(270deg, rgba(217, 217, 217, 0.00) 0%, rgba(1, 36, 45, 0.45) 53.2%, #01242D 100%);}

 
  .mtc-home .sec-01 .main-video video { width: 100%; height: 100%; object-fit: cover;}

  .mtc-home .sec-01 .video-tabs {position: absolute;bottom: 6%;right: 6%;display: flex;gap: 1rem;z-index: 10;}

  .mtc-home .sec-01 .video-tabs .nav-item{/*border:1px solid red;*/ display: flex;align-items: flex-end;}

  .mtc-home .sec-01 .video-tabs button { padding: 0; border: none; background-color: none;}

  .mtc-home .sec-01 .thumb { width: 120px; height: 70px; object-fit: cover; /* border-radius: 8px; */ border: 2px solid transparent; cursor: pointer; transition: all .4s ease;}

  .mtc-home .sec-01 .nav-link.active .thumb { width: 180px; height: 120px; filter: drop-shadow(4px 4px 4px #000);}

  h2{  font-family: "Saira", sans-serif; font-size: clamp(2.5rem, 6vw, 80px);  font-style: normal; font-weight: 500; line-height: 84px; }
  p{ font-family: "Sansation", sans-serif; font-size: clamp(1rem, 2vw, 26px); font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: -0.52px; }

.mtc-home .sec-02{background-color: var(--color-03);position: relative;}
.mtc-home .sec-02 .main-row{/* padding-inline: 4rem; */padding-top: 5rem;margin-inline: 0px;/* position: relative; */}
.mtc-home .main-row .columns{padding-inline:0px;}
.mtc-home .sec-02 .main-row .columns:nth-child(1),.mtc-home .sec-02 .main-row .columns:nth-child(2){padding-inline:4rem;}
.mtc-home .sec-02 .main-row .columns:nth-child(1) h2{ margin-bottom: 2.5rem;color: #fff;}
.mtc-home .sec-02 .main-row .columns:nth-child(1) p{color: #fff; }

.mtc-home .sec-02 .main-row .columns:nth-child(2) ul{display: flex;width: 50%; /*border:1px solid #fff;*/ margin-left:auto;margin-top: 5rem;justify-content: center; gap:3rem;}
.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li {width:calc(100% / 3);  border-top:1.5px solid #fff; display: flex; flex-direction: column; color: #FFF}
.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li::before { }

.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li span{; font-family: "Saira", sans-serif; font-size: clamp(2.5rem, 6vw, 98px); font-style: normal; font-weight: 500; line-height: 122px; letter-spacing: -1.96px;}
/*.mtc-home .main-row .columns:nth-child(1),.mtc-home .main-row .columns:nth-child(2){padding-inline:4rem;}*/
.mtc-home .sec-02 .main-row .columns:nth-child(3){/*border:1px solid black;*/height:200px;/* position: absolute; */width: 100%;/* bottom: 0%; *//* left:0%; */overflow: hidden;display: flex;gap:24px;align-items: flex-end;}
.mtc-home .sec-02 .main-row .columns:nth-child(3) span{width:calc(100% / 40);height: 80%;background-color: #fff;transition: all 500ms linear;}
.mtc-home .sec-02 .main-row .columns:nth-child(3) span:hover{ transform: translateY(50px);}


/* Equalizer effect */
.equalizer-line {
  background: repeating-linear-gradient(
    to right,
    #fff 0px,
    #fff 2px,
    transparent 2px,
    transparent 26px
  );
  mask-image: linear-gradient(
    to top,
    transparent 0%,
    #000 30%,
    #000 70%,
    transparent 100%
  );
}

 Hover animation 
.mtc-home .sec-02 .main-row .columns:nth-child(3):hover.equalizer-line {
  animation: equalizerWave 1s infinite linear;
}

@keyframes equalizerWave {
  from { background-position: 0 0; }
  to   { background-position: 50px 0; }
}


.mtc-home .sec-03 .main-row{padding-inline: 4rem;padding-top: 5rem;margin-inline: 0px;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul{width:100%;display: flex;align-items: flex-start;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li{ width:50%;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) {padding-left: 6%;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) p{width: fit-content; margin-bottom:3rem;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) a{color:#000;}
.mtc-home .sec-03 .main-row .columns h2{letter-spacing: -1.6px; background: linear-gradient(90deg, #01242D 7.03%, #2BAAE2, #2BAAE2 100%);
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(2){ /*border:1px solid black;*/  margin-top: 4rem; margin-bottom:1rem;display: flex; position: relative;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(2)::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: inset 0 0 0 10px #ffffff;}
.mtc-home .sec-03 .main-row .columns:nth-of-type(2) video{width:100%; height:100%; object-fit: cover;}

/*.mtc-home .sec-03 .main-row .columns:nth-of-type(2) img{display: block;margin-inline:auto;width: 70%;}*/

.mtc-home .sec-04{ }
.mtc-home .sec-04 .carousel-inner{ background-color:var(--color-03);}
.mtc-home .sec-04 .main-row{padding-left: 4rem;margin-inline: 0px;}
.mtc-home .sec-04 .main-row .columns{height:100vh;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1){padding-top: 4rem;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1) h2{color:#fff;margin-bottom: 2.5rem;letter-spacing: -1.6px;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1) p {color:#fff;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1) p:nth-of-type(2){margin-bottom: 2.5rem;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1) .cta-link{ border: 1px solid #fff; color:#fff;}
.mtc-home .sec-04 .main-row .columns:nth-of-type(1) .cta-link .cta-icon{filter: invert(1) brightness(120%);}

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

.mtc-home .sec-04 .main-row .columns:nth-of-type(2){position: relative}
.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content{width: 100%;/* border: 1px solid #fff; */height: 220px;position: absolute;bottom: 3%;left: -110%;transition: all .4s ease-in-out;opacity:0;}

.mtc-home .sec-04 .carousel-fade .carousel-item.active .carousel-content{opacity: 1;}

.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content h4{color:#fff; font-size: clamp(1.125rem, 2.5vw, 30px);;}
.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content p {color:#fff; font-size: clamp(0.875rem, 1.5vw, 20px);}

.carousel-control-prev,.carousel-control-next{top: 65%; width:50px; height: 50px; border:1px solid #fff; bottom: 0%;padding: 0.5rem;border-radius: 50%; overflow: hidden;}
.carousel-control-prev{left: 33%;}
.carousel-control-next{right: 61%;}
.carousel i { font-size: 30px; color: #fff;}

.carousel-control-prev:hover,.carousel-control-next:hover { background: #fff;}
.carousel-control-prev:hover i,.carousel-control-next:hover i { background: #fff; color: var(--color-03);}


.mtc-home .sec-05{min-height: 100vh;}
.mtc-home .sec-05 .container-fluid{ }
.mtc-home .sec-05 .main-row{padding-top: 4rem;}
.mtc-home .sec-05 .main-row .columns{ }
.mtc-home .sec-05 .main-row .columns:nth-child(1){padding-inline: 4rem;}
.mtc-home .sec-05 .main-row .columns h2{letter-spacing: -1.6px;background: linear-gradient(90deg, #01242D 7.03%, #2BAAE2 40%, #2BAAE2 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; margin-bottom:50px;}

.mtc-home .sec-05 .main-row .columns:nth-child(1) a.cta-link{color:  #000;}
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul{width: 100%; display: flex;justify-content: space-between;align-items: center;}
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li{/*border:1px solid black;*/ }
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li:nth-child(2){display: flex;flex-direction: column;gap: 1rem;}
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li:nth-child(2) span.highlight{font-size: clamp(0.875rem, 1.5vw, 20px); font-family: "Sansation", sans-serif; display: flex; gap:0.8rem;}
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li:nth-child(2) span.highlight::before {content:""; display: inline-block; width:35px; height:35px; border-radius:50%;}

.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li:nth-child(2) span.highlight:nth-of-type(1)::before{background-color: rgba(39, 168, 224, 0.65);}
.mtc-home .sec-05 .main-row .columns:nth-child(1) ul li:nth-child(2) span.highlight:nth-of-type(2)::before{background-color: rgba(1, 36, 45, 0.75);}

.mtc-home .sec-05 .main-row .columns:nth-child(2) .speed-test:nth-child(1){margin-top:2rem;}
    .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; /* border:1px solid black;*/}

    .speed-test-track.stt1{ animation: scroll1 20s linear infinite; }
    .speed-test-track.stt2{ animation: scroll2 20s linear infinite; }

    .speed-test-item {flex: 0 0 250px;/*  border: 1px solid red;*/position: relative;display: flex;justify-content: center;cursor: pointer;padding-block: 1rem;}

    .speed-test-item::before {content:""; position: absolute;/* border:1px solid red; */top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100px;aspect-ratio: 1;border-radius: 50%;background-color: rgba(39, 168, 224, 0.65); z-index: -1; opacity: 0;  transition: all .8s ease; } 
    .speed-test-item::after{content:attr(data-text);position: absolute;width:fit-content;top: 77%;left:50%;opacity:0;/* border:1px solid black; */transform: translateX(-50%);color:#000; text-transform: capitalize; margin-top:10px;transition: all .8s ease;}

.speed-test-item:hover::before,.speed-test-item:hover::after{opacity: 1;}

 .speed-test-item img { max-height: 90px; width: auto; height: auto; display: block; margin-block: 1rem; }

    /* Animation */
    @keyframes scroll1 {
      from { transform: translateX(0);}
      to { transform: translateX(-50%);}
    }

    /* Animation */
    @keyframes scroll2 {
      from { transform: translateX(-50%);}
      to {  transform: translateX(0);}
    }


.mtc-home .sec-06 .container-fluid{ height:100%;}
.mtc-home .sec-06 .main-row{/* padding-top: 4.5rem; */height:100%;}
.mtc-home .sec-06 .main-row .columns{height:100%; }
.mtc-home .sec-06 .main-row .columns ul{ display: flex; height:100%; }
.mtc-home .sec-06 .main-row .columns ul li{ width:50%; height:100%;}
.mtc-home .sec-06 .main-row .columns ul li:nth-child(1){display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mtc-home .sec-06 .main-row .columns ul li{align-content: center;}
.mtc-home .sec-06 .main-row .columns ul li .video-container{/*border:1px solid red;*/width: 50%;height: 80%;overflow: hidden;display: flex;position: relative;}


.mtc-home .sec-06 .main-row .columns ul li .video-container video{width:100%; height: 100%; object-fit: cover;}
.mtc-home .sec-06 .main-row .columns ul li .video-container::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 0 10px #ffffff;
}
.mtc-home .sec-06 .main-row .columns ul li:nth-child(2){padding-left:4rem;}

.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) h2{letter-spacing: -1.6px;background: linear-gradient(90deg, #01242D 7.03%, #2BAAE2 60%, #2BAAE2 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 50px;}

.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) p{margin-bottom:50px;}
.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) a.cta-link{}

.mtc-home .sec-07{background-color: var(--color-03);}
.mtc-home .sec-07 .container-fluid{height:100%;}
.mtc-home .sec-07 .container-fluid .main-row{height:100%;}
.mtc-home .sec-07 .main-row{padding-top: 4rem;padding-left: 4rem;}
.mtc-home .sec-07 .main-row .columns:nth-child(1){display: flex; justify-content: space-between; align-items: center;}
.mtc-home .sec-07 .main-row .columns:nth-child(1) h2{color:#fff;}
.mtc-home .sec-07 .main-row .columns:nth-of-type(1) .cta-link{ border: 1px solid #fff; color:#fff; margin-right:6.25rem;}
.mtc-home .sec-07 .main-row .columns:nth-of-type(1) .cta-link .cta-icon{filter: invert(1) brightness(120%);}

.mtc-home .sec-07 .main-row .columns:nth-of-type(2){overflow: hidden;}
.mtc-home .sec-07 .main-row .columns:nth-of-type(2) .slick-cards-slider {margin-right: -120px; /* allows half card visibility */margin-block: 2rem;}

.card-slide .card { border-radius: unset; overflow: hidden; background-color: transparent; /*  border-color: #fff;*/ border:none; border-top: 2px solid #fff; padding-inline:0px;}

.card-slide .card .card-body{padding:0px;height: 130px; /* border:1px solid #fff;*/ display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 2rem; margin-block: 1rem;}
.card-slide .card .card-body h5.card-title { color:#fff; font-size: clamp(1rem, 2vw, 22px); }
.card-slide .card .card-body p.card-text { color:#fff; font-size: clamp(0.875rem, 1.5vw, 18px);}
.card-slide .card .card-img-box {/*border:1px solid #fff;*/ width:100%;height: 450px;/* aspect-ratio: 1; */}
.card-slide .card .card-img-box img{width:100%; height: 100%; object-fit: cover;}

.slick-list { overflow: visible; }

.card-slide { padding: 0 12px;}

.slick-slide:not(.slick-active) { opacity: 0.6;}


.mtc-home .sec-08 .container-fluid{ height:100%;}
.mtc-home .sec-08 .main-row{padding-top: 1rem;padding-bottom: 3rem;padding-inline: 4rem;height:100%;}
.mtc-home .sec-08 .main-row .columns{height:100%; }
.mtc-home .sec-08 .main-row .columns:nth-child(1) h2{background: linear-gradient(90deg, #01242D 7.03%, #2BAAE2 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.mtc-home .sec-08 .main-row .columns:nth-child(1) ul{display: flex; height:100%; width:100%;}
.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li{width:50%;height:100%;padding-top: 6rem;}
.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2){align-content: flex-start;}

.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2) .accordion{ /* border: 1px solid black; */ width: 70%; margin-left: auto;}
.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2) .accordion-item h2 span{}
.accordion-flush>.accordion-item {border:none;border-bottom: 1px solid rgba(1, 36, 45, 0.50);}
.accordion-flush>.accordion-item>.accordion-header .accordion-button{background-color:unset;padding-block: 2.5rem;box-shadow: unset;}
.accordion-flush>.accordion-item>.accordion-header .accordion-button:focus{box-shadow: unset; }

.accordion-flush>.accordion-item>.accordion-header [aria-expanded="true"] span{ font-weight: 600; }
.accordion-flush>.accordion-item>.accordion-header [aria-expanded="true"]{ padding-bottom: 0.5rem; }

.accordion-flush>.accordion-item>.accordion-header .accordion-button span{color: var(--color-03);display: flex;align-items: center;gap: 1.3rem;font-family: "Sansation", sans-serif;font-size: clamp(1rem, 2vw, 26px);transition: all .4s ease-in-out;}

.accordion-flush>.accordion-item>.accordion-header .accordion-button span img{width: 32px;height: 32px; position: relative;}

.accordion-flush>.accordion-item>.accordion-collapse .accordion-body {padding-left: 4.7rem; font-family: "Sansation", sans-serif; padding-top: 0rem;}
.accordion-flush>.accordion-item>.accordion-collapse .accordion-body p{font-size: clamp(0.875rem, 1.5vw, 20px);max-width: 85%;}
/* Remove default Bootstrap arrow */
.accordion-button::after { display: none;}


.accordion-button { display: flex; align-items: center; justify-content: space-between; position: relative; padding-right: 60px;}
.accordion-button::before { content: "+"; padding-bottom: 6px; position: absolute; right: 20px; width: 32px; height: 32px; border-radius: 50%; border: 2px solid #000; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 500; transition: all 0.3s ease;}
/* When accordion is open minus */
.accordion-button[aria-expanded="true"]::before { content: "-"; transform: rotate(180deg);}

/*
.accordion-button::after {content: "+"; position: absolute; right: 20px; width: 32px; height: 32px; border-radius: 50%; font-size: 26px; font-weight: 500; color: red; border: 1px solid black; transition: all 0.3s ease;}
.accordion-button[aria-expanded="true"]::after{content: "-"; transform: rotate(180deg);}
*/

.mtc-home .sec-09 { background-color: var(--color-03); }
.mtc-home .sec-09 .container-fluid{ height:100%;}
.mtc-home .sec-09 .main-row{height:100%;padding-block: 4rem;padding-inline: 4rem;}
.mtc-home .sec-09 .main-row .columns{ /*border:1px solid #fff;*/ height:100%;}

.mtc-home .sec-09 .main-row .columns:nth-child(1) h2{ font-family: "Sansation", sans-serif; color:#fff;}
.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(1){color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;width:70%;padding-block:0.8rem;margin-block: 3rem;font-size: clamp(0.875rem, 1.5vw, 20px);}
.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(2){color:#fff;margin-block: 2rem;font-size: clamp(0.875rem, 1.5vw, 18px);}
.mtc-home .sec-09 .main-row .columns:nth-child(1) .links-wrapper{display: flex; gap:3rem; }
.mtc-home .sec-09 .main-row .columns:nth-child(1) a{ font-family: "Sansation", sans-serif; text-decoration: none; color:#fff; padding-inline:1rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(1) ul{display: flex;width:100%;gap:4rem;margin-bottom: 4rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(1) li{ font-family: "Sansation", sans-serif; color:#fff; /*border:1px solid #fff;*/}
.mtc-home .sec-09 .main-row .columns:nth-child(1) li h3{margin-bottom: 1rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(1) li img{ max-width:200px; aspect-ratio:1;}
.mtc-home .sec-09 .main-row .columns:nth-child(1) img.mgk-wlogo{max-width: 200px;}

.mtc-home .sec-09 .main-row .columns:nth-child(2){/*border:1px solid #fff;*/ height:100%; align-content: flex-start;}
.mtc-home .sec-09 .main-row .columns:nth-child(2) form{border:1px solid #fff;width:100%;margin-left:auto;padding-inline: 2rem;padding-top:3rem;padding-bottom: 4rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(2) form h3{color:#fff; margin-bottom:2rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(2) form input.form-control{border-radius:0rem; color:#fff; background-color: transparent; border:none; border-bottom:1px solid #fff; }

.mtc-home .sec-09 .main-row .columns:nth-child(2) form label{color:#fff;margin-bottom: 1rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(2) form .form-component{margin-bottom: 1.3rem;}
.mtc-home .sec-09 .main-row .columns:nth-child(2) form .form-component textarea.form-control{border-radius:0px; background-color: transparent; color:#fff; margin-bottom: 2.5rem;}

.mtc-home .sec-09 .main-row .columns:nth-child(2) form .form-btn{ border-radius:0px; background-color: transparent; color: white; border:none; border-bottom: 1px solid #fff;}

/* Desktop: 3.5 cards */
@media (min-width: 1920px) {
  .card-slide {width: 550px;}
}

/* Tablet & Mobile: normal width */
@media (max-width: 1440px) {
	  .mtc-home header nav {width:70%;}
     .card-slide { width: 400px;}

	 .mtc-home .sec-01 .container-fluid .content-box h1,h2 {font-size: clamp(1.75rem, 4vw, 54px);line-height: 64px;}
	 .mtc-home .sec-02 .main-row .columns:nth-child(2) ul li span{font-size: clamp(2.25rem, 4vw, 72px);line-height: 80px;}
	 .mtc-home .sec-02 .main-row .columns:nth-child(1) h2{margin-bottom:2rem;}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li p{font-size: clamp(1rem, 2vw, 24px);}
	 p{font-size: clamp(1rem, 3vw, 20px);}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul{width:60%;margin-top: 3rem;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) p br{display: none;}
	
	.mtc-home .sec-03 .main-row .columns:nth-of-type(2) img {width:80%;}
	.mtc-home .sec-03 .main-row .columns h2{line-height: 64px;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) p{ max-width: 90%;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) p br,.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content p br{display: none;}
	.carousel-control-prev, .carousel-control-next {top: 62%; }
	.carousel-control-next { right: 58%;}
	.carousel-control-prev { left: 34%; }
	.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content {bottom:4%;}
	.card-slide .card .card-body h5.card-title {font-size: clamp(0.875rem, 1.5vw, 18px);}
	.card-slide .card .card-body p.card-text{ font-size: clamp(0.875rem, 1.5vw, 16px);}
	.card-slide .card .card-img-box {height: 360px;}
	.mtc-home .sec-07 .main-row .columns:nth-of-type(1) .cta-link {margin-right: calc(4rem + 12px);}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li{padding-top:4rem;}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2) .accordion {width:90%;}
	.mtc-home .sec-09 .main-row {padding-top: 4rem;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) li img { max-width: 150px; }
	.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(2){margin-block:2rem;}
	.accordion-flush>.accordion-item>.accordion-header .accordion-button span{ font-size: clamp(1rem, 2vw, 24px);}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(1){margin-block:2rem;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) ul{margin-bottom: 3rem;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) img.mgk-wlogo { max-width: 150px;}
	
}
	
@media (max-width: 1366px) {
	.container-fluid{padding-inline:0px;}
	.mtc-home .sec-01 .container-fluid .content-box h1, h2,.mtc-home .sec-03 .main-row .columns h2 { line-height: 54px;}
    .card-slide {width: 350px;padding-inline:0px;margin-right: 30px;}
	.mtc-home .sec-01 .container-fluid .content-box {margin-left: calc(3rem + 12px);}
	.mtc-home .sec-02 .main-row, .mtc-home .sec-03 .main-row{/* padding-inline: calc(3rem + 12px); */padding-top:4rem;}
    .mtc-home .sec-03 .main-row .columns:nth-of-type(2) img { width: 90%;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(2){margin-top:1.3rem;}
    .mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content {bottom: 10%;}
	.mtc-home .sec-04 .main-row .columns {height:auto;}
	.carousel-control-prev{top:72%; left: 5%;}
	.carousel-control-next{top:72%; left: 10%;}
	.mtc-home .sec-04 .main-row{padding-left: calc(3rem + 12px);/* padding-bottom: 12rem; */}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) {padding-bottom:15rem;}
	.card-slide .card .card-img-box { height: 300px;}
	.card-slide .card .card-body {height:160px;}
	.mtc-home .sec-06 .main-row .columns ul li .video-container { width: 60%;}
	.mtc-home .sec-06 .main-row .columns ul {align-items: center;}
	
	.mtc-home .sec-06{height: auto;}
	.mtc-home .sec-07 .main-row{padding-left: calc(3rem + 12px); padding-top:4rem;}
	.mtc-home .sec-08 .main-row {
		padding-top: 3rem;}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li { padding-top: 0rem;}

}

@media (max-width: 1280px) {
	.mtc-home .sec-05 .main-row .columns:nth-child(1),.mtc-home .sec-08 .main-row,.mtc-home .sec-09 .main-row{padding-inline:calc(3rem + 12px); }
}

@media (max-width: 768px) {
		.mtc-home header nav {display: none;}
	.mtc-home .sec-01 .container-fluid .content-box h1 {margin-bottom:2rem;}
	.mtc-home header {padding-inline: calc(2rem + 12px);}
	.mtc-home .sec-01{height: 60vh;} 
	.cta-icon {padding: 22px 0px;}
	.mtc-home header img.logo {width:12%;}
	.mtc-home .sec-01 .container-fluid .content-box { margin-left: calc(2rem + 12px); top: 30%;}
	.mtc-home .sec-01 .container-fluid .content-box h1, h2 { line-height: 42px;}
	.mtc-home .sec-01 .video-tabs { bottom: 43%; right: 3%; }
	.mtc-home .sec-01 .nav-link.active .thumb { width: 150px; height: 90px; }
	.mtc-home .sec-01 .thumb {  width: 100px; height: 70px; }
	.mtc-home .sec-02{height: auto;}
/*	.mtc-home .sec-02 .main-row .columns:nth-child(3) {position: static;}*/
	.mtc-home .sec-02 .main-row .columns:nth-child(3){
    transform: translateY(70px);
}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul { width: 80%;}
	.mtc-home .sec-02 .main-row {/* padding-inline: calc(2rem + 12px); */padding-top: 3rem;}
	.mtc-home .sec-03 .main-row {padding-inline: calc(2rem + 12px); padding-top: 3rem;}
	.mtc-home .sec-02 .main-row .columns:nth-child(1){padding-inline: calc(2rem + 12px);}
	.mtc-home .sec-03 .main-row .columns h2 { line-height: 32px;}
	.mtc-home .sec-03{height: auto;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(2){margin-block: 1rem;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul{flex-direction: column; gap:1rem;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) {padding-left: 0px;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li { width: 100%;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(1) ul li:nth-child(2) p {margin-bottom:2rem;}
	.mtc-home .sec-04{height:auto;}
	.mtc-home .sec-04 .main-row {padding-left: calc(2rem + 12px);padding-bottom: 3rem;}
	.mtc-home .sec-04 .main-row .columns {height: auto; margin-top:2rem; width:100%;}
	.mtc-home .sec-04 .carousel-fade .carousel-item.active .carousel-content{position: static;padding-inline: 2rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) {padding-top: 1rem;padding-bottom: 0rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(2) {display: flex; align-items: flex-end;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(2) img {width:30%;}
	.carousel-control-prev{top:60%; left: 38%;}
	.carousel-control-next{top:60%; left: 47%;}
	.mtc-home .sec-04 .carousel-fade .carousel-item .carousel-content p {font-size: 1rem;margin-bottom: 0.3rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) p:nth-of-type(2) { margin-bottom: 2rem;}
	.mtc-home .sec-05 .main-row {padding-top: 3rem;}
	.mtc-home .sec-05 .main-row .columns:nth-child(1) { padding-inline: calc(2rem + 12px); }

	.mtc-home .sec-05 .main-row .columns h2 {margin-bottom: 2rem;}
	.mtc-home .sec-06{height:auto;}
	.mtc-home .sec-06 .main-row {padding-block:2rem;}
	.mtc-home .sec-06 .main-row .columns ul li .video-container {width:60%;}
	.mtc-home .sec-06 .main-row .columns ul li:nth-child(2){padding-left: 0rem; padding-right: 2rem; height: 100%;}
	.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) h2 {margin-bottom: 2rem;}
	.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) p { margin-bottom: 2rem;}
	.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) p br{display: none;}
	.card-slide { width: 300px; }
	.card-slide .card .card-body h5.card-title {font-size: 1rem;}
	.card-slide .card .card-body h5.card-title br{display: none;}
	.mtc-home .sec-07{height:auto;}
	.card-slide .card .card-body { height: 120px; }
	.mtc-home .sec-07 .main-row {padding-block: 3rem;padding-left: calc(2rem + 12px);}
	.mtc-home .sec-07 .main-row .columns:nth-child(1) h2 br{display: none;}
	.mtc-home .sec-07 .main-row .columns:nth-of-type(2) .slick-cards-slider {margin-top:3rem;}
	.mtc-home .sec-07 .main-row .columns:nth-of-type(1) .cta-link { margin-right: calc(2rem + 12px);}
	.mtc-home .sec-08{height:auto;}
	.mtc-home .sec-08 .main-row {padding-block: 3rem;padding-inline: calc(2rem + 12px);}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(1){width:40%;}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2){width:60%;}
	p{line-height: 24px; font-size: 1rem;}
	.accordion-flush>.accordion-item>.accordion-header [aria-expanded="true"] { padding-bottom: 0.8rem; }
	.accordion-flush>.accordion-item>.accordion-header .accordion-button { padding-block: 1.3rem; }
	.mtc-home .sec-09 .main-row {padding-block: 3rem;padding-inline: calc(2rem + 12px);}
	.mtc-home .sec-09{height:auto;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) ul {gap:2rem; margin-bottom:2rem;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) li img { max-width: 100px;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) img.mgk-wlogo { max-width: 100px;}
	.mtc-home .sec-09 .main-row .columns:nth-child(2){margin-top:3rem;}
}

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

}

    @media (max-width: 576px) {
		.mtc-home header img.logo { width: 20%; }
		.carousel-control-prev {top:54%; left:43%;}
		.carousel-control-next {top:54%; left:55%;}
		.card-slide {width: 240px;}
	    .card-slide .card .card-img-box { height: 280px; }
		.mtc-home .sec-05 .main-row .columns h2 br{display: none;}
		.mtc-home .sec-05 .main-row .columns:nth-child(1) ul{flex-direction: column; align-items: flex-start; gap:2rem;}
		.mtc-home .sec-06 .main-row .columns ul {flex-direction: column;}
		.mtc-home .sec-06 .main-row .columns ul li{width:100%;}
		.mtc-home .sec-08 .main-row .columns:nth-child(1) ul {flex-direction: column;}
		.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2) {margin-top:2rem; width:100%; margin-inline:auto;}
		.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(2) .accordion{margin-left: 0px; width:100%;}
		.mtc-home .sec-06 .main-row .columns ul li:nth-child(2){padding-inline: calc(2rem + 12px); margin-top:2rem;}
        .mtc-home .sec-02 .main-row .columns:nth-child(2) ul { width: 90%; gap:2rem;}
		/* .speed-test-item img { max-height: 50px;}*/

        .speed-test-item {  flex: 0 0 150px;}
        .speed-test-track { gap: 1.5rem;}
		.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(1) {width:90%;}
		
    }


@media (max-width: 480px) {

	.mtc-home .main-row .columns{overflow: hidden;}
	.mtc-home header img.logo { width: 35%;}
	.mtc-home header {padding-inline:24px;}
	.mtc-home .sec-02 .main-row .columns:nth-child(1),
	 .mtc-home .sec-02 .main-row .columns:nth-child(2){padding-inline: 24px;}
	.mtc-home .sec-01 {height: 70vh;}
	.mtc-home .sec-01 .container-fluid .content-box h1, h2 {font-size: 26px;}
	.mtc-home .sec-01 .container-fluid .content-box{margin-left:24px;top: 35%;}
	.mtc-home .sec-01 .container-fluid .content-box h1, h2 { line-height: 34px;}
	.mtc-home .sec-02 .main-row .columns:nth-child(1) h2 { margin-bottom: 1.5rem;}
	.mtc-home .sec-02 .main-row .columns:nth-child(1) p br{display: none;}
	.mtc-home .sec-01 .video-tabs {right:8%;bottom: 35%;}
	.mtc-home .sec-01 .thumb { width: 70px; height: 50px;}
	.mtc-home .sec-01 .nav-link.active .thumb { width: 100px; height: 70px;}
	.mtc-home .sec-03 .main-row {padding-inline: 24px;padding-top: 3rem;}
	.mtc-home .sec-02 .main-row{}
	.mtc-home .sec-02{height: 165vh;}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul{width:100%; flex-wrap: wrap; gap:24px; margin-block:24px;}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li {width:100%;}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li p{ margin-bottom: 0px;}
	.mtc-home .sec-02 .main-row .columns:nth-child(2) ul li p br{ display: none;}
	.mtc-home .sec-03 .main-row .columns:nth-of-type(2) img { width: 100%;}
	.mtc-home .sec-04 .main-row {padding-left: 24px; padding-bottom: 24px; }
	.mtc-home .sec-04 .main-row .columns {margin-top:0rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1){padding-top: 3rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(1) h2{margin-bottom:1.5rem;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(2){flex-direction: column; padding-right:24px; gap:24px; margin-top:24px;}
	.mtc-home .sec-04 .main-row .columns:nth-of-type(2) img {width: 100%;height: 400px;}
	.mtc-home .sec-04 .carousel-fade .carousel-item.active .carousel-content{padding-inline:0rem;}
	.carousel-control-prev {top:64%; left:1%; }
	.carousel-control-next {top:64%; left:83%; }
	.carousel-control-next, .carousel-control-prev {opacity:1;}
	.mtc-home .sec-05 .main-row .columns:nth-child(1){padding-inline:24px;}
	.mtc-home .sec-05 .main-row .columns h2,.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) p  { margin-bottom: 1.5rem; }
	.mtc-home .sec-06 .main-row { padding-top: 24px; padding-bottom:2rem;}
	    .mtc-home .sec-06 .main-row .columns ul li .video-container {width: 80%;height:100%;}
	.mtc-home .sec-06 .main-row .columns ul li:nth-child(2) { padding-inline: 24px; margin-top: 24px; }
	.mtc-home .sec-07 .main-row {padding-bottom: 0rem;padding-top: 3rem;padding-left: 24px;}
	.mtc-home .sec-07 .main-row .columns:nth-child(1){flex-direction: column; align-items: flex-start; gap:24px;}
	.mtc-home .sec-07 .main-row .columns:nth-of-type(2) .slick-cards-slider { margin-top: 2rem;}
	.card-slide {width: 240px;}
	.mtc-home .sec-08 .main-row {padding-block: 3rem;padding-inline: 24px;}
	.mtc-home .sec-08 .main-row .columns:nth-child(1) ul li:nth-child(1) { width: 100%;}
	.accordion-flush>.accordion-item>.accordion-header .accordion-button{padding-left: 0rem;}
	.accordion-button::before {right:0%;}
	.accordion-flush>.accordion-item>.accordion-collapse .accordion-body {padding-left: 0.5rem;}
	.accordion-flush>.accordion-item>.accordion-collapse .accordion-body p {max-width:100%;}
	.mtc-home .sec-09 .main-row {padding-inline:24px;}
	.mtc-home .sec-09 .main-row .columns:nth-child(1) p:nth-of-type(1) { width: 100%;}
	.mtc-home .sec-09 .main-row .columns:nth-child(2) form {padding-inline:1.5rem;padding-bottom: 3rem;}
	.mtc-home .sec-09 .main-row .columns:nth-child(2) form .form-component { margin-bottom: 1rem; }
	.mtc-home .sec-09 .main-row .columns:nth-child(2) form .form-component textarea.form-control{margin-bottom: 2rem;}
	
	
}