.industry-list li {
    /* display: flex;        */
    align-items: center;
    gap: 10px;               /* Space between icon & text */
    margin-bottom: 10px;     /* Spacing between list items */
    font-size: 16px;
}

.industry-list img {
    width: 20px;             /* Icon size like screenshot */
   
}
.industry-list {
    list-style: none;        /* Removes the bullet dots */
    /* padding: 0; */
    margin: 0;
}


 /* .title-style-three .title {
  font-size: 48px;
  font-weight: 900;
  
  display: inline-block;
  margin: 0;
  padding-bottom:20px;
}

.title-style-three .solid-text {
  color: #0d1c2e; }

.title-style-three .outline-text {
  color: transparent;
  -webkit-text-stroke: 1.5px #0d1c2e; 
  text-stroke: 1.5px #0d1c2e;
  margin-left: 10px;
} */

/* .title-style-three .pre {
  display: block;
  font-size: 14px;
  letter-spacing: 2px;
  color: #666;
  margin-bottom: 10px;
} */

.title-style-three.center {
  text-align: center;
}

.title-area-left {
    text-align: left !important; /* Text ko left align karne ke liye */
    margin-left: 0 !important;
    padding-left: 0 !important;
    font-size: 48px;
}

.title-area-left .title {
    display: inline-block;
    font-size: 48px;
    /* margin-bottom: 20px;  */
}

.outline-text {
    color: transparent; 
    -webkit-text-stroke: 1px #06080a; /* Outline fat solid aur color */
    font-weight: 800; /* bold text weight */
    
}



/* banner styling */
@media only screen and (max-width: 575px) {
    .flagships-breadcrumb {
        height: 200px;
    }
}









/* 1. Desktop par 80px gap */
@media (min-width: 575px) {
    .col-lg-4.col-md-6 {
        margin-bottom: 80px !important; /* Bari screen par gap rahega */
    }
}

/* 2. Mobile (575px) par Gap ko Jarr se khatam karne ke liye */
@media (max-width: 575px) {
    .col-lg-4.col-md-6 {
        margin-bottom: -20px !important; /* Har kism ka margin khatam */
        padding-bottom: -20px !important;
    }

    /* List aur UL ke darmyan ka gap bhi zero karein */
    .industry-list {
        margin-top: 0px !important;
        margin-bottom: -20px !important;
        padding-bottom:-20px !important;
    }

    /* List items ko qareeb lane ke liye */
    .industry-list li {
        margin-bottom: 5px !important; /* Bilkul kam gap */
    }
}


/* industry list ko gba logo k sath left align krn aor space km krna ka lia */

@media (max-width: 575px) {
    /* 1. UL ki default padding aur margin khatam karein taake list left par shift ho jaye */
    .industry-list {
        padding-left: 0 !important;
        margin-left: 5px !important;
        
        align-items: flex-start !important; /* Left alignment ke liye */
    }

}


/* counter ko left align krna k lia mobile view ma */
@media only screen and (max-width: 575px) {
    /* 1. Main wrapper ko mazeed left khinchne ke liye negative margin */
    .progress-circle-main-wrapper {
        
        padding-left: 0 !important;
        /* -20px margin se ye mazeed left chala jayega */
        margin-left: -5px !important; 
    }
    /* 4. Text (2,100+) ko left se chipka dein */
    .right-counter {
        margin-left: -20px !important; /* Kisi bhi kism ka extra margin khatam */
        /* padding-left: 0 !important; */
    }

}




@media only screen and (max-width: 575px) {
    .flagships-breadcrumb .title-area-left * {
        font-size: 32px;
    }
}


/* Sirf mobile par last column ke baad grey area barhane ke liye */
@media (max-width: 575px) {
    /* Hum teesre column ko target kar rahe hain jo mobile par sab se end mein aata hai */
    .row.rts_jump_animation-wrapper div:last-child .industry-list {
        padding-bottom: 40px !important; /* Sirf end point se grey area 40px barh jayega */
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 575px) {
    .rts-section-gap {
        padding: 60px 12px;
    }
}