/*
Theme Name: Taksoftwares
Author: TAK Softwares
Version: 1.0
Text Domain: https://taksoftwares.com/
*/

.logo-header img{
    width: 148px;
    height: 32px;
}

.client-logo-wrapper {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
  position: relative;
    /*  background-color: var(--dark-2);*/
  
    /*  border-top: 1px solid var(--stroke-2);*/
    /*border-bottom: 1px solid var(--stroke-2);*/
}

.client-logo-track {
  display: flex;
  width: max-content;
  animation: scroll-logos 15s linear infinite;
}

/* 🛑 Pause animation on hover */
.client-logo-wrapper:hover .client-logo-track {
  animation-play-state: paused;
}

.client-logo-item {
  flex: 0 0 auto;
  padding: 0 15px;
}

.client-logo-img {
  max-height: 80px;
  width: auto;
  opacity: 0.8;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.client-logo-img:hover {
  opacity: 1;
  transform: scale(1.05);
}

/* ✨ Continuous scroll keyframes */
@keyframes scroll-logos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.btn-row{ text-align: center;}
.btn-row .tf-btn{ display: inline-block;}

.accordion-item {
      border: none;
      margin-bottom: 15px;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 15px rgba(0,0,0,0.05);
      transition: all 0.3s ease-in-out;
      background: #fff;
    }

    .accordion-button {
      background: #fff;
      color: #333;
      font-weight: 600;
      padding: 18px 20px;
      font-size: 1rem;
      display: flex;
      align-items: center;
      transition: all 0.3s;
      border: none;
      box-shadow: none;
    }

    .accordion-button:not(.collapsed) {
      background-color: #0d6efd;
      color: #fff;
    }

    .accordion-button::after {
      content: '\f107';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      transform: rotate(0deg);
      transition: all 0.3s;
      color: #0d6efd;
    }

    .accordion-button:not(.collapsed)::after {
      transform: rotate(180deg);
      color: #fff;
    }

    .accordion-body {
      background: #19272b;
      color: #fff;
      line-height: 1.8;
      padding: 20px;
      border-top: 1px solid #eee;
    }

    .accordion-item.active {
      background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
      color: white;
      transform: translateY(-2px);
    }
    
    .services-wrapper {
      overflow: hidden;
      border-radius: 40px;
    }

    .service-card {
      cursor: pointer;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
      margin: 0;
     background: linear-gradient(180deg, #1d8fd1, #064164);

    }

    .service-header {
      padding: 25px 30px;
      font-size: 1.8rem;
      font-weight: 600;
      transition: background 0.3s ease;
    }

    .service-content {
      padding: 25px 30px;
      display: none;
      font-size: 1rem;
      line-height: 1.6;
    }

    /* Gradient backgrounds (extend as needed) */
    /*.service-card:nth-child(1) {*/
    /*  background: linear-gradient(180deg, #2a2aff, #1f1fff);*/
    /*}*/
    /*.service-card:nth-child(2) {*/
    /*  background: linear-gradient(180deg, #2323e6, #1919cc);*/
    /*}*/
    /*.service-card:nth-child(3) {*/
    /*  background: linear-gradient(180deg, #1919b3, #0d0d80);*/
    /*}*/
    /*.service-card:nth-child(4) {*/
    /*  background: linear-gradient(180deg, #14148c, #0b0b6e);*/
    /*}*/
    /*.service-card:nth-child(5) {*/
    /*  background: linear-gradient(180deg, #0d0d80, #070763);*/
    /*}*/

    /* Rounded edges */
    .service-card:first-child .service-header {
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
    }
    .service-card:last-child {
      border-bottom-left-radius: 40px;
      border-bottom-right-radius: 40px;
    }

    .service-card.active .service-header {
      background: rgba(255, 255, 255, 0.1);
    }

    .service-header:hover {
      background: rgba(255, 255, 255, 0.15);
    }
.contact-container{
    position: relative;
        padding: 30px;
    background-color: var(--dark-2);
    border: 1px solid var(--stroke-2);
    border-radius: 5px;
    box-shadow: 0px 0px 8px var(--stroke-2);
    
}
.contact-container img{ width: 100%; height: 100%;}

form.form-contact-us {
    padding: 25px 30px;
        height: 100%;
 }

.text-container{ text-align:justify;}
.text-container h2{font-size:28px; margin: 20px 0;}
.text-container h3{font-size:20px; margin: 20px 0;}
.text-container p{margin:12px 0; font-size: 16px;}
.text-container ul{margin:8px 0 16px 20px}
.text-container li{ 
	margin: 10px 0;
    list-style-type: disc;
    line-height: 22px; font-size: 16px; 
    text-align: justify;
}
.text-container .small{font-size:13px;color:#666}