.seo-reseller-pro ul {
     display: flex;
     margin: 0;
     padding: 0;
     gap: 20px;
     margin-bottom: 30px;
 }

 .seo-reseller-pro ul li {
     background: #00417e;
     text-align: center;
     border-radius: 10px;
     list-style: none;
     box-shadow: rgb(3 48 90) 0 5px 15px;
     width: 25%;
     padding: 20px;
 }

 .seo-reseller-pro ul li .icon {
     width: 80px;
     height: 80px;
     margin: 0 auto;
     text-align: center;
     line-height: 80px;
     border-radius: 50%
 }

 .seo-reseller-pro ul li .icon i {
     color: #fff;
     font-size: 53px;
     padding-top: 20px
 }

 .seo-reseller-pro ul p {
     color: #fff;
     font-size: 18px;
     text-align: center;
     font-weight: 300;
     line-height: 29px;
 }

 .color-white,
 .white-color {
     color: #fff !important;
 }

 section.seo-reseller-pro .left a.join-us {
     background: #f9cf2f;
     padding: 16px 43px;
     border-radius: 50px;
     font-size: 19px;
     color: #000;
     transition: .3s;
     box-shadow: rgba(50, 50, 93, .25) 0 13px 27px -5px, rgba(0, 0, 0, .3) 0 8px 16px -8px;
 }

 .service-section .service-clm {
     margin-bottom: 30px;
     text-align: center;
     padding: 10px;
     border-radius: 11px;
     min-height: 410px;
     position: relative;
     transform: scale(1);
     background: #fff;
     box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
 }

 .service-section .service-clm p+a {
     position: relative !important;
     width: 100% !important;
     display: block !important;
 }

 .service-section .service-clm p+a {
     bottom: 0;
     left: 0;
     right: 0;
     padding: 11px;
     background: #fff;
     border-top: 1px solid #ccc;
     font-size: 20px;
     color: #11559b;
 }

 .service-section .service-clm:hover a {
     background: #263f4e;
     color: #fff;
     border-radius: 0 0 10px 10px;
 }

 .service-section .service-clm h4,
 .service-section .service-clm h6,
 .service-section .service-clm h3 {
     font-size: 23px;
     color: #253f4f;
     padding: 15px 0;
     font-weight: 100;
     font-family: poppinsbold;
 }

 .service-section .service-clm h6 small,
 .service-section .service-clm h3 small {
     display: block;
     font-family: poppinsregular;
 }

 .small,
 small {
     font-size: 80%;
     font-weight: 400;
 }

 .service-section .service-clm p {
     height: 148px;
     margin-bottom: 20px;
 }


 /* Start */
 section.lets-talk-wrapper {
     background: #135799;
     padding: 50px 0;
     text-align: center
 }

 section.lets-talk-wrapper .card-3 {
     background: #fff;
     padding: 20px;
     box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0;
     text-align: center;
     margin-top: 55px
 }

 section.lets-talk-wrapper .card-3 p {
     margin-top: -54px
 }

 section.lets-talk-wrapper .card-3 p i {
     background: #f9cf2f;
     color: #000;
     font-size: 39px;
     width: 80px;
     height: 80px;
     line-height: 80px;
     border-radius: 50%;
     border: 1px dashed #cfad2c
 }

 section.lets-talk-wrapper .card-3 h3 {
     font-size: 21px;
     color: #000;
     text-transform: uppercase;
     font-weight: 800
 }

 section.lets-talk-wrapper a.join-us {
     background: #f9cf2f;
     padding: 16px 43px;
     border-radius: 50px;
     font-size: 19px;
     color: #000;
     transition: .3s;
     box-shadow: rgb(50 50 93 / 25%) 0 13px 27px -5px, rgb(0 0 0 / 30%) 0 8px 16px -8px;
     cursor: pointer
 }

 section.lets-talk-wrapper a.join-us:hover {
     background: #000;
     color: #fff
 }

 p.card-55 {
     text-align: center;
     margin-top: 40px
 }

 /* End */

 /* Start */
 .services-section {
     background: linear-gradient(135deg, #f5f7fa 0%, #e4e9f0 100%);

 }

 .services-section .service-card {
     background: #ffffff;
     border: 1px solid #e0e6ed;
     border-radius: 15px;
     padding: 30px;
     text-align: center;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .services-section .service-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
 }

 .services-section .service-icon {
     margin-bottom: 20px;
 }

 .services-section .service-icon i {
     font-size: 3rem;
     color: #0052cc;
     transition: color 0.3s ease;
 }

 .services-section .service-card:hover .service-icon i {
     color: #003087;
 }

 .services-section .service-title {
     font-size: 1.6rem;
     font-weight: 700;
     color: #1a2e44;
     margin-bottom: 15px;
 }


 @media (max-width: 768px) {
     .services-section .service-card {
         margin-bottom: 30px;
     }

     .services-section .service-title {
         font-size: 1.4rem;
     }

     .services-section .service-text {
         font-size: 0.95rem;
     }
 }

 .fa-dollar:before,
 .fa-usd:before {
     content: "\f155";
 }

 .fa-certificate:before {
     content: "\f0a3";
 }

 .fa-unlock:before {
     content: "\f09c";
 }

 .fa-line-chart:before {
     content: "\f201";
 }

 .fa-file-text:before {
     content: "\f15c";
 }

 .fa-user:before {
     content: "\f007";
 }

 /* End */

 /* start */
 .seo-roadmap .title {
     color: #1a1a1a;
     font-size: 2.8rem;
     font-weight: 800;
     text-align: center;
     margin-bottom: 25px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .seo-roadmap .subtitle {
     color: #666666;
     font-size: 1.2rem;
     text-align: center;
     margin-bottom: 60px;
     max-width: 900px;
     margin-left: auto;
     margin-right: auto;
     line-height: 1.8;
 }

 .seo-roadmap .timeline {
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     padding: 0 20px;
 }

 .seo-roadmap .timeline::before {
     content: '';
     position: absolute;
     top: 40px;
     left: 20px;
     right: 20px;
     height: 5px;
     background: linear-gradient(to right, #1976D2, #FFC107, #1976D2);
     border-radius: 5px;
     z-index: 1;
 }

 .seo-roadmap .step {
     flex: 1;
     text-align: center;
     position: relative;
     padding: 0 15px;
 }

 .seo-roadmap .step-circle {
     width: 30px;
     height: 30px;
     background-color: #FFC107;
     border: 5px solid #ffffff;
     border-radius: 50%;
     position: absolute;
     top: 27px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 2;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     display: flex;
     align-items: center;
     justify-content: center;
     color: #1a1a1a;
     font-weight: 700;
     font-size: 1.1rem;
 }

 .seo-roadmap .step-card {
     background-color: #ffffff;
     border: 1px solid #e0e0e0;
     border-radius: 12px;
     padding: 30px;
     margin-top: 34px;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
     transition: all 0.3s ease;
     height: 356px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .seo-roadmap .step-card:hover {
     box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
     transform: translateY(-8px);
 }

 .seo-roadmap .step-title {
     color: #1a1a1a;
     font-size: 19px;
     font-weight: bold;
     margin-bottom: 15px;
     text-transform: uppercase;
 }

 .seo-roadmap .step-text {
     /* color: #4a4a4a; */
     font-size: 1.1rem;
     line-height: 29px;
     flex-grow: 1;
 }

 @media (max-width: 992px) {
     .seo-roadmap .timeline {
         flex-direction: column;
         align-items: center;
     }

     .seo-roadmap .step {
         width: 100%;
         margin-bottom: 60px;
     }

     .seo-roadmap .step:last-child {
         margin-bottom: 0;
     }

     .seo-roadmap .timeline::before {
         display: none;
     }

     .seo-roadmap .step-circle {
         top: -25px;
         left: 50%;
         transform: translateX(-50%);
     }

     .seo-roadmap .step-card {
         margin-top: 40px;
     }
 }

 /* End */

 /* Start */
 .industries-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
     gap: 30px;
     margin-top: 30px;
 }

 .industries-grid .card-header h3 {
     text-align: left;
     font-size: 20px;
     font-family: poppinsbold;
     padding-bottom: 0;
 }

 .industries-grid .industry-card {
     background: white;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     height: 100%;
 }

 .industries-grid .industry-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
 }

 .industries-grid .card-header {
     padding: 20px;
     display: flex;
     align-items: center;
 }

 .industries-grid .icon-container img {
     width: 50px !important;
 }

 section.what-industries-sec {
     background: #f9cf2f;
 }

 .industries-grid .icon-container {
     width: 70px;
     height: 70px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
     flex-shrink: 0;
 }

 .industries-grid .card-content {
     padding: 20px 25px 30px;
 }



 .industries-grid .card-content p {
     color: #7f8c8d;
     font-size: 1rem;
     line-height: 1.7;
 }

 /* Individual industry card colors */
 .industries-grid .manufacturing .icon-container {
     background: rgba(52, 152, 219, 0.15);
 }

 .industries-grid .manufacturing i {
     color: #3498db;
 }

 .industries-grid .saas .icon-container {
     background: rgba(155, 89, 182, 0.15);
 }

 .industries-grid .saas i {
     color: #9b59b6;
 }

 .industries-grid .industrial .icon-container {
     background: rgba(231, 76, 60, 0.15);
 }

 .industries-grid .industrial i {
     color: #e74c3c;
 }

 .industries-grid .ecommerce .icon-container {
     background: rgba(46, 204, 113, 0.15);
 }

 .industries-grid .ecommerce i {
     color: #2ecc71;
 }

 .industries-grid .logistics .icon-container {
     background: rgba(241, 196, 15, 0.15);
 }

 .industries-grid .logistics i {
     color: #f1c40f;
 }

 .industries-grid .services .icon-container {
     background: rgba(26, 188, 156, 0.15);
 }

 .industries-grid .services i {
     color: #1abc9c;
 }

 section.blog-faq.faq-wrapper {
     background: #f7f7f7 !important;
 }

 section.what-make-diffrent .col.col-n {
     height: 380px;
 }

 .industries-grid .icon-container i {
     font-size: 26px;
 }

 /* End */
 section.seo-marketing button.accordion-button {
     background: #fff !important;
     color: #000 !important;
 }

 .about-img-wrap img {
     object-fit: contain;
 }

 .top-grid-red {
     background: #11559b;
 }

 .empowering-sec .empowering-card {
   
     min-height: 160px;
 }