@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


.test{
      font-family: "Jost", sans-serif;
  font-family: "Inter", sans-serif;
  font-family: "Plus Jakarta Sans", sans-serif;

}

h1,h2,h3,h4,h5,h6{
       font-family: "Jost", sans-serif; 
}
p,a,span,button,li{
      font-family: "Inter", sans-serif;
}
a{
    text-decoration: none;
}
ul{
    list-style-type: none;
    padding-left: 0;
}
section{
    overflow:hidden;
}
 :root {
      --heading: #383838;
      --para: #5D5D5D;
      --background: #101010;
      --button: #1F4FD8;
      --btndark:#1d4ed8;
      --white:#ffff;
     
    }

    

/* cta btm */

      .mid-btn-contact {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--button);
      color: #fff;
      
      font-weight: 600;
      font-size: 0.875rem;
      padding: 11px 22px;
      border-radius: 6px;
      text-decoration: none;
      transition: background 0.2s, transform 0.15s;
      white-space: nowrap;
    }

    .mid-btn-contact:hover {
      background: var(--btndark);
      color: #fff;
      transform: translateY(-1px);
    }
   .mid-btn-contact .mid-btn-arrow i {
    color: #1F41AE;
    font-weight: 700;
   }
    .mid-btn-contact .mid-btn-arrow {
      width: 22px;
      height: 22px;
     background-color: #ffff;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
    }
/*end of  cta btm */



.mi-header{
 background-color: #72727217;;
position: absolute;
top: 0;
left: 0;
right: 0;
padding:15px 0;
    border-bottom: 1px solid #636363A8;
    z-index: 1;
}
.mi-header .header-inner-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mi-header .header-inner-div img{
        width: 180px;

}
.mi-header .nav-ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 0;
}
.mi-header .nav-ul li a{
color: #ADADAD;
font-weight: 600;
font-size: 15px;
  font-family: "Plus Jakarta Sans", sans-serif;
  transition: 0.3s;
}
.mi-header .nav-ul li a:hover{
    color: #1F4FD8;
}
.mi-header .head-con-btn{
    background-color: #1F4FD8;
    padding: 10px 20px;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    
}
.mi-header .head-con-btn:hover{
    background-color: #FFFFFF;
    color: #1F4FD8;

}

.mi-header .head-con-btn span{
    /* background-color:#F1F1F1; */
 
}
.mi-header .head-con-btn i{
    color: #1F4FD8;
    font-size: 26px;
    background-color: #F1F1F1;
    border-radius: 10px;
    padding: 1px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-sec{
 position: relative; 

}
.banner-sec .banner-img{
    width: 100%;
}
.banner-sec .banner-h{
      font-family: "Plus Jakarta Sans", sans-serif;
      color: #FFFFFF;
      font-weight: 700;
      font-size: 50px;
          margin-bottom: 20px;


}
.banner-sec .banner-p{
    color: #E6E6E6;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    width: 60%;
    text-align: center;

 
    
}
.banner-sec .banner-btn{
       background-color: #F1F1F1;
    padding: 10px 20px;
    border-radius: 7px;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: max-content;
 
    gap: 10px;
    transition: 0.3s;
}
.banner-btn i{
      background: #1F4FD8;
    color: #fff;
    /* padding: 5px; */
    border-radius: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-sec .banner-div{
position: absolute;
top: 18%;
display: flex;
left: 0;
right: 0;
flex-direction: column;
align-items: center;
justify-content: center;
}
.home-abt-sec{
    margin-top: 60px;
}
.home-abt-sec .home-abt-img{
    width: 98%;
}
.home-abt-sec .abt-txt{
    color: #787878;
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.home-abt-sec .abt-h{
    color: #383838;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
}
.home-abt-sec .abt-p{
    color: #5D5D5D;
    font-weight: 400;
    font-size: 16px;
        margin-top: 18px;
    margin-bottom: 20px;
    line-height: 160%;
}
.home-abt-sec .abt-ul{

    margin-bottom: 20px;
}
.home-abt-sec .abt-ul li {
    color: #292929;
    font-weight: 400;
    line-height: 160%;
    font-size: 16px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.home-abt-sec .abt-ul li i{
    color: #1F4FD8;
    font-size: 18px;
}
.home-abt-sec .abt-btn{
   border: 1px solid #E5E5E5;
    padding: 10px 20px;
    border-radius: 7px;
    color: #000000;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: max-content;
    gap: 10px;
    transition: 0.3s;
}
.abt-btn i{
    border: 1px solid #E5E5E5;
    /* padding: 10px 20px; */
    border-radius: 7px;
    color: #1f4fd8;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: max-content;
    /* gap: 10px; */
    transition: 0.3s;
    background: #EDF0FA;
    font-size: 26px;
}
.home-abt-sec .abt-left-div{
    position: relative;
}
.home-abt-sec .count-div{
    position: absolute;
    top: 10%;
    left: -5%;
    transform: rotate(270deg);
}
.home-abt-sec .count-h{
    color: #000000;
    font-weight: 700;
    font-size: 60px;
    margin-bottom: 0;
    display: flex;
}
.home-abt-sec .count-h span{
    color: #1F4FD8;
}
.home-abt-sec .count-txt{
    color: #757575;
    font-weight: 500;
    font-size: 20px;
}

.abt-content-div {
         width: 70%;
    margin: auto;
    text-align: center;
    margin-top: 40px;
}
.abt-content-div .abt-content-p{
        color: #5D5D5D;
    font-weight: 400;
    font-size: 16px;
}




.services-sec{
    background-color: #101010;
    padding: 50px 0;
    margin-top:60px;
}
.services-sec .ser-txt{

        color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 25px;
}
.services-sec .ser-sec-h{
    text-align: center;
        color: #FFFFFF;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 50px;
}
.services-sec .ser-icon-span{
    background-color: #303030;
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    border-radius: 100px;
    margin-bottom: 20px;
 
}
.services-sec .ser-h{
    color: #FFFFFF;
    font-weight: 500;
    font-size: 23px;
    line-height: 120%;
    margin-bottom: 18px;

}
.services-sec .ser-p{
    color: #797979;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
}
.services-sec .ser-btn{
    color: #FFFFFF;
    font-weight: 400;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.services-sec .ser-btn i{
    font-size: 30px;
    margin-bottom: -4px;
}
.services-sec .ser-box{
    background-color:#242424;
    padding: 20px;
    border: 1px solid #575757;
    border-radius: 20px;
    margin-bottom: 20px;
}
.cta-sec{
    margin-top: 60px;
}
.cta-sec .row{
    background-image: url("../images/cta-banner-img.webp");
    background-size: cover;
    background-position: center;
padding: 100px 0;
padding-left: 20px;
border-radius: 18px;
}
.cta-sec .cta-sec-h{

    color: #FFFFFF;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    margin-bottom: 15px;

}
.cta-sec .cta-sec-p{
    color: #F7D9CE;
    font-weight: 400;
    font-size: 16px;

    line-height: 160%;
    margin-bottom: 20px;
}
.cta-sec .cta-sec-btn{
        background-color:#101010;
    padding: 10px 20px;
    border-radius: 7px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
    width: max-content;
}

.work-sec{
    margin-top: 60px;
}
.work-sec .work-sec-h{
        color: #101010;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    text-align: center;
    margin-bottom:50px;
}
.work-sec .work-img-div{
      height: 105px;
    display: grid;
    place-items: center;
    margin-bottom: 10px;
}
.work-sec .work-img-p{
    color: #5D5D5D;
    font-weight: 400;
    font-size: 16px;
    line-height: 157%;
    text-align: center;
}
.work-sec .work-box{
    padding-right: 20px;
}
.work-sec .work-box.last{
  border-right: none;
}


.case-study-sec{
    margin-top: 60px;
}
.case-study-sec .case-study-h{
    color: #101010;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
text-align: center;
    margin-bottom: 40px;

}
.case-study-sec .case-study-p{
    color: #5D5D5D;
    font-weight: 400;
    font-size: 16px;

    line-height: 160%;
}

.case-study-sec .row.case-study-sec-r1{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}

.case-study-sec-r1{
  margin-bottom: 40px;
}



/* home-use-cases */
.case-study-sec-r2{
    margin-top: 40px;
}
.home-use-cases-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    cursor: pointer;
    height: 350px;
}

.home-use-cases-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.home-use-cases-overlay {
    position: absolute;
    bottom: 3%;
     /* bottom: -3%; */
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.1));
    color: #fff;
    transform: translateY(60%);
    transition: all 0.4s ease;
}

.home-use-cases-card:hover img {
    transform: scale(1.05);
}

.home-use-cases-card:hover .home-use-cases-overlay {
    transform: translateY(0);
    bottom: 0%;
}

.home-use-cases-title {
    font-size: 24px;
    font-weight: 600;
    text-align:center;
}

.home-use-cases-desc {
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.4s ease;
        margin-bottom: 10px;
}

.home-use-cases-card:hover .home-use-cases-desc {
    opacity: 1;
}


.case-study-sec-a{
    position:absolute;
    top: 4%;
    right: 6%;


}
.case-study-sec-a1 i{
    color: #fff;
    font-size: 22px;
}

.case-study-sec-a1 {
    /* padding: 10px; */
    border: 1px solid #fff;
    display: flex;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.case-study-sec-a1:hover{
    background-color: #fff;
      color: #000;
}

.case-study-sec-a1:hover i{
    color: #000;
   
}

.home-use-cases-title-show {
    position: absolute;
    bottom: 17px;
    left: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    z-index: 1;
}

.home-use-cases-card:hover .home-use-cases-title-show{
    opacity: 0;
    display: none;
}

.case-study-sec .home-use-btn{
    background-color: #1f4fd8;
    color: #fff;
    padding: 6px;
    font-size: 14px;
    border-radius: 4px;
}

.case-study-sec .modal-ul li{
        display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.case-study-sec .modal-ul li i{
    color:#1F4FD8;
}








@media (max-width: 768px) {
    .home-use-cases-overlay {
        transform: translateY(0);
    }
    .home-use-cases-desc {
        opacity: 1;
    }
}





/* modern-industry-service-section */


.modern-industry-service-section .modal-sub{
    border-left: 4px solid #1F4FD8;
    padding-left: 5px;
    margin-bottom: 20px;
}



    .modern-industry-service-section {
    background-color: #101010;
      padding: 80px 0 100px;
      margin-top: 50px;
    }

    .mis-container {
    
      margin: 0 auto;
      padding: 0 40px;
    }

    .mis-header {
      text-align: center;
      margin-bottom: 56px;
    }

    .mis-badge {
        font-family: "Plus Jakarta Sans", sans-serif;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 16px;
      color: #a0aec0;
      letter-spacing: 0.04em;
      margin-bottom: 20px;
    }

    .mis-badge-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #3b82f6;
      box-shadow: 0 0 8px #3b82f6;
    }

    .mis-heading {
    
   font-size: 42px;
     
      color: #ffffff;
      letter-spacing: -0.02em;
      line-height: 1.15;
    }

    

   

    .mis-card {
     background-color: #242424;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 18px;
      padding: 36px 32px 32px;
      height: 100%;
      display: flex;
      flex-direction: column;
      gap: 20px;
      position: relative;
      overflow: hidden;
      transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
      cursor: default;
    }

    .mis-card::before {
    content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(59,130,246,0.06) 0%, transparent 60%);
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none; /* ✅ This fixes click issue */
    }

    .mis-card:hover {
      border-color: rgba(59,130,246,0.35);
   
      box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 0 1px rgba(59,130,246,0.15);
    }

    .mis-card:hover::before { opacity: 1; }

    .mis-icon-wrap {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: rgba(30,60,160,0.25);
      border: 1px solid rgba(59,130,246,0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .mis-icon-wrap svg {
      width: 28px;
      height: 28px;
      stroke: #60a5fa;
      fill: none;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .mis-card-body {
      display: flex;
      flex-direction: column;
      gap: 14px;
      flex: 1;
    }

    .mis-card-title {
    
      font-size: 26px;
      font-weight: 700;
      color: #ffffff;
      line-height: 1.3;
    }

    .mis-card-desc {
      font-size: 16px;
      color: #A3A3A3;
      line-height: 1.65;
    }

    /* list styling – same bullet as before */
    .mis-card-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .mis-card-list li {
      font-size: 16px;
      color: #A3A3A3;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .mis-card-list li::before {
      content: '';
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background:#D9D9D9;
      flex-shrink: 0;
    }



    /* hidden items (initially hidden) */
    .navona-ma-hidden-item {
      display: none;  /* hidden by default */
    }

    /* more button style */
    .navona-ma-card-more {
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      font-size: 16px;
      color: #C4C4C4;
      margin-top: 2px;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: color 0.25s;
    
      width: fit-content;
    }

    .navona-ma-card-more:hover {
      color: #60a5fa;
    }
.moden-logo-img{
    width: 180px;
   
}
    .mis-card-footer {
      margin-top: auto;
      padding-top: 6px;
    }
    .right-foo-p{
padding-left: 50px;
    }

    .mis-learn-more {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 500;
      color: #ffffff;
      text-decoration: none;
      transition: gap 0.25s, color 0.25s;
    }
    .icon-ser-img{
      width: 40px;
      height: 40px;
    }

    .mis-learn-more:hover {
      gap: 14px;
      color: #60a5fa;
    }

    .mis-learn-more-arrow {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
    }

    .mis-learn-more-arrow svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }






    /* service cta section css */
.servi-cta-section-modern-h2{
  font-size: 58px;
  color: #ffff;
}
.servi-cta-section-modern-main{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
    .servi-cta-section-modern{
      background-color: #000a1c;
      padding: 60px 0px;
      background-image: url(../images/cta-banner.png);
      background-repeat: no-repeat;
      background-size: cover;
     
    }
    .servi-cta-section-modern-p
    {
      color: #E0E0E0;
      width: 55%;
      text-align: center;
      margin: 0 auto;
    }
  



    /* modern-industry-framework-section */

    
/* frame work css */

 /* ===== SECTION ===== */
    .modern-industry-framework-section {
      padding: 90px 0;
      background: #0d0f12;
      position: relative;
      overflow: hidden;
    }

    .modern-industry-framework-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 60% 50% at 20% 50%, rgba(58,123,253,0.06) 0%, transparent 70%);
      pointer-events: none;
    }

    /* ===== LEFT COLUMN ===== */
    .mif-left-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .mif-eyebrow {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 20px;
    }

    .mif-eyebrow-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #3a7bfd;
      box-shadow: 0 0 10px rgba(58,123,253,0.6);
      flex-shrink: 0;
    }

    .mif-eyebrow-text {
      font-size: 16px;
      font-weight: 400;
      color: #FFFFFF;
          font-family: "Plus Jakarta Sans", sans-serif;
     
    }

    .mif-heading {
      
      font-size: clamp(36px, 5vw, 56px);
     
     font-size: 42px;
      color: #e8eaf0;
    
      margin-bottom: 16px;
    }

    .mif-subheading {
      font-size: 15px;
      font-weight: 300;
      color: #FFFFFF66;
      line-height: 1.5;
      margin-bottom: 52px;
    }

    /* ===== GRID BOXES ===== */
    .mif-boxes-wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .mif-box {
      background: #161a1f;
      border: 1px solid #2a3040;
      border-radius: 8px;
      padding: 15px 22px;
      font-size: 14px;
      font-weight: 400;
      color: #e8eaf0;
     margin: 0px 10px;
      text-align: center;
      cursor: pointer;
      transition: background 0.2s, border-color 0.2s, transform 0.2s;
      letter-spacing: 0.1px;
    }

    .mif-box:hover {
      background: #1c2128;
      border-color: rgba(58,123,253,0.4);
      transform: translateY(-1px);
    }

    .mif-brand-label {
      text-align: center;
   
      font-size: 38px;
      font-weight: 600;
      color: #3E6FF8;
      letter-spacing: 1px;
      padding: 22px 0 18px;
    }

    /* ===== RIGHT COLUMN ===== */
    .mif-right-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .mif-intro-text {
      font-size: 15px;
      font-weight: 300;
      color: #E0E0E0;
      line-height: 1.75;
      margin-bottom: 44px;
    }

    /* ===== TIMELINE ITEMS ===== */
    .mif-timeline {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 0;
    }

    .mif-timeline-item {
      display: flex;
      align-items: flex-start;
      gap: 20px;
      padding-bottom: 30px;
      position: relative;
    }

    .mif-timeline-item:last-child {
      padding-bottom: 0;
    }

    /* Dashed vertical line */
    .mif-timeline-item:not(:last-child)::after {
      content: '';
      position: absolute;
      left: 29px;
      top: 60px;
      bottom: 0;
      width: 1px;
      border-left: 1px dashed #939393;
    }

    .mif-icon-wrap {
      flex-shrink: 0;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #1e242d;
      border: 1px solid #2e3848;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
    }

 .ser-car-imggg{
  width: 40px;
      height: 40px;
 }

    .mif-item-content {
      padding-top: 8px;
    }

    .mif-item-title {
    
      font-size: 24px;
      font-weight: 700;
      color: #e8eaf0;
      margin-bottom: 8px;
     
    }

    .mif-item-desc {
      font-size: 16px;
      font-weight: 300;
      color: #E0E0E0;
      line-height: 1.65;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
      .mif-left-col {
        margin-bottom: 48px;
      }
      .mif-subheading {
        max-width: 100%;
      }
    }




    



    
     /* ===== MODERN INDUSTRY FAQ SECTION ===== */
    .modern-industry-faqq-section {
     background-color: #ffff;
      padding: 80px 0px;

    
    }

    .modern-industry-faqq-section .modern-industry-faqq-heading {
   font-size: 42px;
     
      color: var(--heading);
      text-align: center;
      margin-bottom: 50px;
      letter-spacing: -0.3px;
    }
    .modern-industry-faqq-section ul{
        list-style-type:disc !important;
    }
    .modern-industry-faqq-section ul li{
            font-size: 16px;
    color: #5D5D5D;
    line-height: 1.7;
    margin: 0;
    font-weight: 400;
    }

    /* FAQ Item Card */
    .modern-industry-faqq-item {
      background:#F8FAFF;
      border-radius: 14px;
      border: 1px solid rgba(220, 225, 235, 0.6);
      margin-bottom: 14px;
      overflow: hidden;
      box-shadow: 0 1px 4px rgba(0,0,0,0.04);
      transition: box-shadow 0.2s ease;
    }

    .modern-industry-faqq-item:hover {
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }

    /* FAQ Button / Header */
    .modern-industry-faqq-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      background: none;
      border: none;
      padding: 22px 26px;
      cursor: pointer;
      text-align: left;
      gap: 12px;
    }

    .modern-industry-faqq-btn-text {
     font-size: 20px;
      font-weight: 600;
      color:#101010;
      line-height: 1.4;
      flex: 1;
    }

    .modern-industry-faqq-icon {
      width: 28px;
      height: 28px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    font-size: 26px;
      
      color: #000000;
      line-height: 1;
      transition: transform 0.3s ease;
    }

    /* Answer / Body */
    .modern-industry-faqq-body {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
                  padding 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                  opacity 0.35s ease;
      opacity: 0;
      padding: 0 26px;
    }

    .modern-industry-faqq-body p {
      font-size: 16px;
      color: #5D5D5D;
      line-height: 1.7;
      margin: 0;
   
      font-weight: 400;
      padding-bottom: 22px;
    }

    /* Active/Open state */
    .modern-industry-faqq-item.modern-industry-faqq-open .modern-industry-faqq-body {
      max-height: 400px;
      opacity: 1;
      padding: 0 26px;
    }

    .modern-industry-faqq-item.modern-industry-faqq-open .modern-industry-faqq-icon {
      transform: rotate(45deg);
    }

    /* Column spacing */
    .modern-industry-faqq-col {
      /* items stack naturally */
    }








    
/* CONTAINER CARD */
.modern-industry-contact-section .mic-wrapper{
  /* background:linear-gradient(135deg,#0d1b3e 0%,#0a0f1e 55%,#050810 100%); */
    background: radial-gradient(
            circle at 20% 70%,
            rgba(30, 60, 120, 0.6),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #0a1628,
            #071a3a,
            #000000
        );
  border-radius:20px;
  padding:45px 60px;
  position:relative;
  overflow:hidden;
}



/* LEFT SIDE */
.modern-industry-contact-section .mic-heading{
 font-size: 45px;
  font-weight:800;
  color:#fff;
  margin-bottom:20px;
}

 .modern-industry-contact-section .mic-description{
  font-size:14px;
 color: #ffff;
 opacity: 0.8;
  line-height:1.7;
  max-width:380px;
  margin-bottom:35px;
}

.modern-industry-contact-section .mic-support-card{
  display:flex;
  align-items:center;
  gap:16px;
}

 .modern-industry-contact-section .mic-support-icon{
  width:52px;
  height:52px;
  border-radius:50%;
 background-color: #232323;
 
  display:flex;
  align-items:center;
  justify-content:center;
}

 .modern-industry-contact-section .mic-support-iconmic-img{
  width:28px;
  height:28px;
}

.modern-industry-contact-section .mic-support-label{
  font-size:18px;
 color: #FFE7F1;
  margin-bottom:4px;
}

.modern-industry-contact-section .mic-support-number{
  font-size:25px;
  font-weight:700;
  text-decoration: none;
  color:#fff;
}

/* RIGHT SIDE */
.modern-industry-contact-section .mic-form-title{
  font-size:24px;
 
  color:#fff;
  margin-bottom:22px;
}

.modern-industry-contact-section .mic-input{
  background:rgba(255,255,255,0.06);
  border:1px solid #747171;
  border-radius:8px;
  padding:14px 16px;
  color:#fff;
  font-size:14px;
  width:100%;
}

.modern-industry-contact-section .mic-input::placeholder{
  color: #747171;
}

.modern-industry-contact-section .mic-input:focus{
  border-color:rgba(80,120,255,0.6);
  background:rgba(255,255,255,0.09);
  box-shadow:none;
}

.modern-industry-contact-section .mic-textarea{
    
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid #747171;
    border-radius: 8px;
    padding: 14px 16px;
    color: #fff;
    font-size: 14px;
    width: 100%;
  height:110px;
  resize:none;
}

.modern-industry-contact-section .mic-submit-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:#fff;
  color:#0a0f1e;
  font-weight:700;
  border:none;
  border-radius:8px;
  padding:8px 22px;
  transition:0.2s;
}

.modern-industry-contact-section .mic-submit-btn:hover{
  background:#e8e8e8;
  transform:translateY(-1px);
}

.modern-industry-contact-section .mic-submit-btn-icon{
  width:34px;
  height:34px;
  background:#3456f0;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.modern-industry-contact-section .mic-submit-btn-icon svg{
  width:16px;
  stroke:#fff;
  fill:none;
  stroke-width:2;
}
.modern-industry-contact-section .row{
  display: flex;
  align-items: center;
}



    /* footer section */

     /* ===== MODERN INDUSTRIAL FOOTER ===== */

    .modern-industry--footer {
      background-color: #0a0a0a;
      color: #ffffff;
     margin-top: 80px;
     
    }

    .modern-industry--footer__body {
      padding: 60px 0 40px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    /* Brand */
    .modern-industry--footer__brand-logo {
      display: flex;
      align-items: flex-start;
    margin-bottom: 50px;

    }

    .modern-industry--footer__brand-bar {
      width: 4px;
      height: 72px;
      background: linear-gradient(180deg, #3a6fd8 0%, #1a3a8f 100%);
      margin-right: 14px;
      flex-shrink: 0;
    }

    .modern-industry--footer__brand-name {
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      line-height: 1.1;
      text-transform: uppercase;
      color: #ffffff;
    }

    .modern-industry--footer__brand-desc {
      font-size: 0.88rem;
      color: #aaaaaa;
      line-height: 1.7;
      margin-bottom: 28px;
      max-width: 300px;
    }

    /* Social icons */
    .modern-industry--footer__socials {
      display: flex;
      gap: 12px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .modern-industry--footer__social-item a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #1e1e1e;
      color: #ffffff;
      font-size: 0.95rem;
      text-decoration: none;
      transition: background 0.25s ease;
    }

    .modern-industry--footer__social-item a:hover {
      background-color: #3a6fd8;
    }

    /* Column headings */
    .modern-industry--footer__col-heading {
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 20px;
      letter-spacing: 0.02em;
    }

    /* Nav links */
    .modern-industry--footer__nav-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .modern-industry--footer__nav-list li {
      margin-bottom: 10px;
    }

    .modern-industry--footer__nav-list li a {
      font-size:16px;
      color:#C7C7C7;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .modern-industry--footer__nav-list li a:hover {
      color: #ffff;
    }

    /* Contact info */
    .modern-industry--footer__contact-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .modern-industry--footer__contact-item {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 18px;
    }

    .modern-industry--footer__contact-icon {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      font-size: 0.85rem;
      color: #ffffff;
      margin-top: 2px;
    }

    .modern-industry--footer__contact-text {
    font-size: 16px;
      color: #cccccc;
      line-height: 1.5;
    }
  .modern-industry--footer__contact-text:hover{
color: #ffff;
  }
    /* Bottom bar */
    .modern-industry--footer__bottom {
      padding: 18px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .modern-industry--footer__copyright {
      font-size: 0.82rem;
      color: #888888;
      margin: 0;
    }

  

    .modern-industry--footer__powered-label {
      display: block;
      font-size: 9px;
      color:#7A7A7A;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 2px;
      margin: 0px;
    }

    .modern-industry--footer__powered-brand {
      font-size: 14px;
      font-weight: 600;
      color: #8C8C8C;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .modern-industry--footer__powered-brand:hover{
        color: #ffff;
        transition: 0.3s;
    }
    
    
    
    .home-counter-sec{
        position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    }
    .home-counter-sec .counter-box{
            border-right: 1px dashed #ccc;
                text-align: center;
    padding-right: 5px;
    }
    .home-counter-sec  .counter-box.last{
         border-right:none;
    }
    .home-counter-sec .count-h{
            color: #fff;
    font-weight: 800;
    }
    .home-counter-sec .count-txt{
     color: #E6E6E6;
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    }
    
    
    
    /* service detail page start*/
    .ser-detail-sec{
        margin-top:60px;
    }
   .ser-detail-sec  .ser-detail-h{
 color: #101010;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    border-left: 5px solid #1f4fd8;
    padding-left: 5px;
        margin-bottom: 15px;
    }
   .ser-detail-sec  .ser-det-p{
            color: #5D5D5D;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    }
      .ser-detail-sec  .ser-det-sub{
            color: #101010;
    font-weight: 500;
    font-size: 34px;
    line-height: 100%;
    margin-bottom: 15px;
        margin-top: 30px;

    }
    
          .ser-detail-sec .row.ser-row{
                  margin-bottom: 40px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
          }
          .ser-detail-sec .ser-de-img{
              width:100%;
          }
          .ser-detail-sec .ser-row-h{}
          .ser-detail-sec .ser-row-p{}
    
    
    /* service detail page end*/
    
    
    
    
    /* legacy page start*/
    
    
    
    
    
    
    
    /* legacy page end*/