/* Responsive */
@media (max-width: 1200px) {
  .navbar-brand img{height: 50px;}
  .rules-container {grid-template-columns: repeat(3, 1fr);row-gap: 70px;}
  .btn-primary{    font-size: 13px;
    border-radius: 30px;
    padding: 15px 20px;}
    .navbar-expand-lg .navbar-nav{gap: 20px;}
}
@media (max-width: 992px) {
  .partner-grid {grid-template-columns: repeat(3, 1fr);}
  .case-container {grid-template-columns: 1fr 1fr;}
  .contact-container {flex-direction: column;}
  .qa-container {grid-template-columns: 1fr;}
  .principles-grid {grid-template-columns: repeat(2, 1fr);}
  .qa-image {width: 280px;height: 280px; margin: auto;}
  .container {grid-template-columns: 1fr;}
  .person {position: static;margin-top: 40px; width: 300px;}
  .team-grid {grid-template-columns: repeat(2, 1fr);}
  .pillars-container {grid-template-columns: 1fr;}

.navbar-brand img{height: 50px;}
.hero-img{margin-top: 30px;}
.text-title{font-size: 30px;}
.partner-item{margin-bottom: 20px;}
.partner-item img{max-height: 25px;}
.cta-card h2{font-size: 20px;}
  .divider {display: none;}
  .our-process .services-grid  {grid-template-columns: repeat(1, 1fr);}
  .service-card{padding: 12px 28px;
    min-height: 180px;}
  .section-grid {grid-template-columns: 1fr;}
  .footer-container {grid-template-columns: 1fr 1fr;}
  .footer-container {grid-template-columns: 1fr;}
  .vision-section .cardbox {flex-wrap: wrap;}
  .rules-section{padding: 40px 20px;}
  .rules-section .content p{font-size: 12px;}
  .rules-section .content h3{font-size: 14px;}
  .pillar-card p{font-size: 12px;}
  .pillar-card h3{font-size: 16px;}
  .pillar-icon img{height: 30px;}
  .pillar-card{padding: 20px;}
  .pillars-section{padding: 40px 20px;}
  .about-highlight{font-size: 16px;}
  .vision-section .card {flex: 0 0 calc(50% - 20px); /* 2 per row */}
  button:hover{background: none;}

  .nav-link{font-size: 12px !important;}
}


@media (max-width: 600px) {
  .case-container {grid-template-columns: 1fr;}
  .partner-grid {grid-template-columns: repeat(2, 1fr);}
  .principles-grid {grid-template-columns: 1fr;}
  .partner-container h2 {font-size: 28px;}
  .team-grid {grid-template-columns: 1fr;}
  .team-card {height: 320px;}
  .services-grid {grid-template-columns: 1fr;}
  .section-grid {grid-template-columns: 1fr;}
  .cta-card h2 {font-size: 24px;}
}


/* Responsive */
@media (max-width: 768px) {
  
.navbar-toggler-icon {
  background-image: url("../images/menu.svg");
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("../images/close.svg");
}
  .navbar-toggler{border: 0px;}
  .navbar-expand-lg .navbar-nav {gap: 10px;}
  .hero {padding: 30px 0;}
  h1{font-size: 22px;}
  .hero-cta{min-height: 280px;}
  .hero-img{max-width: 400px; margin: 30px 0px 0px;}
  .hero-list li{font-size: 13px;}
  .btn-primary{    font-size: 14px;}
  .partners img{height: 20px; margin: 5px 0px;}
  .ecosystem-wrapper img{width: 100%;}
  .ecosystem{padding: 30px 0px;}
  .hero-text h2{font-size:18px}
  .hero-text p{font-size: 14px;}
  .hero-content{gap: 10px;}
  .ecosystem h2{font-size: 22px;}
  .text-title{font-size: 22px;}
  .navbar-brand img {height: 50px;}
  .hero {text-align: center;}
  .case-card {padding: 30px 24px;}
  .case-title {font-size: 18px;}
  .cases{padding: 30px 0px;}
  .why{padding: 30px 0px;}
  .brand {font-size: 22px;bottom: 24px;right: 24px;}
  .arrow-btn {bottom: 24px;left: 24px;}
  .section-grid {grid-template-columns: 1fr;}
  .cta-card {grid-column: auto;grid-row: auto;}
.hero-content {flex-direction: column;text-align: center;}
.hero-text h1 {font-size: 32px;}
.hero-btn {margin-top: 20px;padding: 10px 20px;font-size: 14px;}
.logo img{height: 40px;}
.about-intro {font-size: 16px;}
.about-points li {font-size: 15px;}
.rules-container {grid-template-columns: 1fr;}
.about-content h1 {font-size: 24px;}
.about-content p {font-size: 16px;}
.line {height: 120px;}
.cta-box {flex-direction: column;text-align: center;}
.faq-section {padding: 30px 20px;}
.vision-section .cardbox {flex-direction: column;gap: 20px;}
.vision-section .card-header {gap: 10px; margin-bottom: 0px;}
.card h3 {font-size: 15px;margin-bottom: 16px;}
.vision-section .card {width: 100%; padding: 10px;}
.icon-circle{width: 40px; height: 40px;}
.icon-circle img{width: 100%;}
.icon-col img{width: 30px;}
.left h2{font-size: 22px;}
.title-col h4{font-size: 16px;}
.content-col li{font-size: 12px;}
.abt-bg{width:100% !important; left: 0px;}
.rules-container {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.tech-row{grid-template-columns: repeat(1, 50px auto);gap: 20px;}
.qa-left h2{font-size: 22px;}
.qa-left{text-align: center;}
.qa-services{padding: 40px 0px;}
.tech-stack{padding: 40px 0px;}
.qa-card li {font-size: 12px;margin-bottom: 12px;line-height: 1.2;}
.engineering .container{grid-template-columns: repeat(1, 1fr);gap: 20px;}
.engineering{padding: 40px 0px 0px;}
    .text-title {font-size: 18px;}
.partner-item .count{font-size: 30px;}
.partner-item img{max-height: 24px;}
.partner-section {padding: 40px 20px;}
}

@media (max-width: 992px) {
  .partner-item {
    flex: 0 0 calc(25% - 32px); /* 4 per row */
  }
}

@media (max-width: 768px) {
  .partner-item {
    flex: 0 0 calc(33.33% - 32px); /* 3 per row */
  }
}

@media (max-width: 480px) {
  .partner-item {
    flex: 0 0 calc(50% - 32px); /* 2 per row */
  }
}