.elementor-27849 .elementor-element.elementor-element-4fa5649 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:19%;}.elementor-27849 .elementor-element.elementor-element-4fa5649 > .elementor-container{min-height:299px;}.elementor-27849 .elementor-element.elementor-element-4fa5649:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-4fa5649 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5EE33;background-image:url("https://www.mothersontechnology.com/wp-content/uploads/2025/08/migration-banner.png");background-position:center center;background-size:cover;}.elementor-27849 .elementor-element.elementor-element-4fa5649, .elementor-27849 .elementor-element.elementor-element-4fa5649 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-4fa5649{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-4fa5649 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-9f8e03c .elementor-spacer-inner{height:10px;}.elementor-27849 .elementor-element.elementor-element-4fbccfc .elementor-heading-title{color:#FFFFFF;font-family:"Raleway", Sans-serif;font-weight:700;line-height:1.4em;}.elementor-27849 .elementor-element.elementor-element-cc5c3c3{color:#FFFFFF;font-size:20px;}.elementor-27849 .elementor-element.elementor-element-7bd297f .elementor-spacer-inner{height:77px;}.elementor-27849 .elementor-element.elementor-element-1805db5 .elementor-background-slideshow__slide__image{background-position:top left;}.elementor-27849 .elementor-element.elementor-element-1805db5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-1805db5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-c533d04{margin-top:-59px;margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-418339f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27849 .elementor-element.elementor-element-418339f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#455746;}.elementor-27849 .elementor-element.elementor-element-418339f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-418339f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-6e266fe .elementor-spacer-inner{height:10px;}.elementor-27849 .elementor-element.elementor-element-c1b2dbd{color:#FFFFFF;font-style:italic;}.elementor-27849 .elementor-element.elementor-element-c3ad28d .elementor-spacer-inner{height:10px;}.elementor-27849 .elementor-element.elementor-element-f272eee .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-8f3fd01{text-align:center;}.elementor-27849 .elementor-element.elementor-element-8f3fd01 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;}.elementor-27849 .elementor-element.elementor-element-c4e5748{text-align:center;font-family:"Raleway", Sans-serif;font-style:italic;}.elementor-27849 .elementor-element.elementor-element-fab1e9d.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27849 .elementor-element.elementor-element-fab1e9d.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27849 .elementor-element.elementor-element-fab1e9d.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-fab1e9d .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-27849 .elementor-element.elementor-element-fab1e9d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27849 .elementor-element.elementor-element-fab1e9d .elementor-image-box-title{margin-bottom:6px;font-size:19px;}.elementor-27849 .elementor-element.elementor-element-843373b .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-6a2cc30.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27849 .elementor-element.elementor-element-6a2cc30.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27849 .elementor-element.elementor-element-6a2cc30.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-6a2cc30 .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-27849 .elementor-element.elementor-element-6a2cc30 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27849 .elementor-element.elementor-element-6a2cc30 .elementor-image-box-title{margin-bottom:6px;font-size:19px;}.elementor-27849 .elementor-element.elementor-element-466fad1 .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-a825b91.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27849 .elementor-element.elementor-element-a825b91.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27849 .elementor-element.elementor-element-a825b91.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-a825b91 .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-27849 .elementor-element.elementor-element-a825b91 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27849 .elementor-element.elementor-element-a825b91 .elementor-image-box-title{margin-bottom:6px;font-size:19px;}.elementor-27849 .elementor-element.elementor-element-41a2abe .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-78e855a.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-27849 .elementor-element.elementor-element-78e855a.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-27849 .elementor-element.elementor-element-78e855a.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-78e855a .elementor-image-box-wrapper .elementor-image-box-img{width:16%;}.elementor-27849 .elementor-element.elementor-element-78e855a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-27849 .elementor-element.elementor-element-78e855a .elementor-image-box-title{margin-bottom:6px;font-size:19px;}.elementor-27849 .elementor-element.elementor-element-00c6d7e .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-b02a304:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-b02a304 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#31473A;}.elementor-27849 .elementor-element.elementor-element-b02a304{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-b02a304 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-f79bb7b:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-f79bb7b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27849 .elementor-element.elementor-element-f79bb7b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-f79bb7b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-b2994f5{text-align:center;}.elementor-27849 .elementor-element.elementor-element-b2994f5 .elementor-heading-title{font-size:30px;font-weight:600;line-height:1.5em;}.elementor-27849 .elementor-element.elementor-element-b2994f5 > .elementor-widget-container{margin:13px 13px 13px 13px;padding:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-691e3e6{text-align:center;}.elementor-27849 .elementor-element.elementor-element-691e3e6 .elementor-heading-title{color:#000000;}.elementor-27849 .elementor-element.elementor-element-b0a7bd8:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-b0a7bd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27849 .elementor-element.elementor-element-b0a7bd8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-b0a7bd8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-7a65aa8 > .elementor-container{min-height:0px;}.elementor-27849 .elementor-element.elementor-element-7a65aa8:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-7a65aa8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27849 .elementor-element.elementor-element-7a65aa8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-7a65aa8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-828f2fe > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:3px;}.elementor-27849 .elementor-element.elementor-element-828f2fe > .elementor-element-populated{margin:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-73ef571{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-73ef571 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-7e14b38{text-align:center;}.elementor-27849 .elementor-element.elementor-element-7e14b38 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:26px;font-weight:600;line-height:1.5em;}.elementor-27849 .elementor-element.elementor-element-7e14b38 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-98432e5{text-align:center;font-family:"Raleway", Sans-serif;}.elementor-27849 .elementor-element.elementor-element-f026422 .elementor-spacer-inner{height:50px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .ue-carousel-item{text-align:center;background-color:#ffffff;border-radius:8px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C9C9C9;margin:0px 0px 0px 0px;transform:scale(1,1);}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_classic_carousel_content{padding:0px 20px 20px 20px;min-height:180px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc-active-item .ue-carousel-item{transform:scale(1,1);}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_classic_carousel_border{background-color:#000000;width:50px;height:3px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_classic_carousel_placeholder img{border-radius:5px;height:179px;object-fit:cover;}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_classic_carousel_placeholder{padding:20px 20px 20px 20px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .ue-item-icon{width:60px;height:60px;font-size:20px;color:#ffffff;background-color:#6e6e6e;border-radius:100px 100px 100px 100px;margin-top:0px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .ue-item-icon svg{fill:#ffffff;}.elementor-27849 .elementor-element.elementor-element-8beafbc .ue-item-icon-wrapper{justify-content:center;}.elementor-27849 .elementor-element.elementor-element-8beafbc .card_carousel_title{margin-top:5px;color:#000000;font-size:17px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .card_carousel_text{margin-top:1px;color:#8a8a8a;}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_more_btn{padding:10px 20px 10px 20px;border-radius:5px;background-color:#d3d3d3;color:#000000;margin-top:10px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .uc_more_btn:hover{background-color:#000000;color:#ffffff;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-nav .owl-prev{left:0px;right:auto;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-nav .owl-next{right:0px;left:auto;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-carousel .owl-nav .owl-next,.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-carousel .owl-nav .owl-prev{top:170px;border-radius:0px;width:30px;height:30px;line-height:30px;font-size:29px;color:#7E7E7E;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-carousel .owl-nav .owl-next:hover,.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-carousel .owl-nav .owl-prev:hover{color:#232323;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-dot{width:8px;height:8px;background-color:#c6c6c6;margin:0px 5px;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-dot.active{background-color:#000000;}.elementor-27849 .elementor-element.elementor-element-8beafbc .owl-dots{margin-top:20px;}.elementor-27849 .elementor-element.elementor-element-8beafbc > .elementor-widget-container{padding:0px 0px 0px 0px;background-color:#F7F7F7;}.elementor-27849 .elementor-element.elementor-element-9b3b5fc .elementor-spacer-inner{height:16px;}.elementor-27849 .elementor-element.elementor-element-fa722dd .elementor-spacer-inner{height:10px;}.elementor-27849 .elementor-element.elementor-element-5100b82 > .elementor-container{min-height:0px;}.elementor-27849 .elementor-element.elementor-element-5100b82:not(.elementor-motion-effects-element-type-background), .elementor-27849 .elementor-element.elementor-element-5100b82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F5EE;}.elementor-27849 .elementor-element.elementor-element-5100b82{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-5100b82 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-bde3a01 > .elementor-element-populated{margin:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-f526603{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27849 .elementor-element.elementor-element-f526603 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27849 .elementor-element.elementor-element-9a450c8{text-align:center;}.elementor-27849 .elementor-element.elementor-element-9a450c8 .elementor-heading-title{font-size:26px;font-weight:600;line-height:1.5em;}.elementor-27849 .elementor-element.elementor-element-9a450c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-27849 .elementor-element.elementor-element-b952921{text-align:center;}.elementor-27849 .elementor-element.elementor-element-ee60979 .elementor-spacer-inner{height:39px;}@media(max-width:767px){.elementor-27849 .elementor-element.elementor-element-fab1e9d .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-6a2cc30 .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-a825b91 .elementor-image-box-img{margin-bottom:0px;}.elementor-27849 .elementor-element.elementor-element-78e855a .elementor-image-box-img{margin-bottom:0px;}}@media(min-width:768px){.elementor-27849 .elementor-element.elementor-element-324daf6{width:46.488%;}.elementor-27849 .elementor-element.elementor-element-1805db5{width:52.988%;}.elementor-27849 .elementor-element.elementor-element-828f2fe{width:100%;}}/* Start custom CSS for section, class: .elementor-element-4fa5649 */.elementor-27849 .elementor-element.elementor-element-4fa5649 video {
  object-fit: contain; /* or try 'cover', 'fill', or 'none' */
  width: 100%;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5b3f18 */.modernisation-stats {
  background: url('https://www.mothersontechnology.com/wp-content/uploads/2025/08/Cloud_Practice-1-7.png') no-repeat center center/cover;
  padding: 80px 20px;
  color: #fff;
  text-align: center;
  position: relative;
}

.modernisation-stats .overlay {
  background: rgba(0, 0, 0, 0.5); /* dark overlay for readability */
  padding: 60px 20px;
}

.modernisation-stats .heading-area h2 {
  font-size: 28px;
  color: #88b7e0; /* light blue like image */
  margin-bottom: 10px;
}

.modernisation-stats .heading-area h4 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 50px;
}

.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1100px;
  margin: 0 auto;
}

.stat-box h3 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
}

.stat-box p {
  font-size: 14px;
  line-height: 1.6;
  color: #ddd;
}

/* Responsive Breakpoints */
@media (max-width: 1024px) {
  .stats-row {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablet */
  }
}

@media (max-width: 600px) {
  .stats-row {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }

  .modernisation-stats {
    padding: 50px 15px;
  }

  .modernisation-stats .heading-area h2 {
    font-size: 22px;
  }

  .stat-box h3 {
    font-size: 28px;
  }

  .stat-box p {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-833de87 */.cloud-pathways {
  padding: 80px 20px;
  text-align: center;
  background: #fff;
  color: #333;
}

.cloud-pathways .title {
  font-size: 26px;
  font-weight: 600;
  color: #62a5d8;
  margin-bottom: 8px;
}

.cloud-pathways .subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.cloud-pathways .description {
  font-size: 14px;
  max-width: 850px;
  margin: 0 auto 40px auto;
  line-height: 1.6;
  color: #555;
}

.programme-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.programme-card {
  border: 1px solid #c8e1ef;
  padding: 30px 20px;
  text-align: left;
  border-radius: 4px;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.programme-icon {
  width: 40px;
  margin-bottom: 15px;
}

.programme-card h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.programme-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* Responsive */
@media (max-width: 768px) {
  .programme-grid {
    grid-template-columns: 1fr;
  }

  .programme-card {
    text-align: center;
    align-items: center;
  }

  .programme-card h3 {
    text-align: center;
  }

  .programme-card p {
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-704c3ec */.devops-section {
  background-color: #455746;
  padding: 50px 30px;
  color: white;
  font-family: 'Segoe UI', sans-serif;
  text-align: center;
}

.devops-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}

.devops-title .blue {
  color: #3ca6e0;
}

.devops-subtitle {
  font-style: italic;
  font-size: 16px;
  color: #ccc;
  margin-bottom: 20px;
}

.devops-description {
  font-size: 15px;
  color: #ccc;
  max-width: 900px;
  margin: 0 auto 40px;
}

.devops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.devops-card {
  background-color: #455746;
  border-radius: 10px;
  padding: 25px 20px;
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #ffffff;
}

.devops-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}

.devops-card img {
  width: 40px;
  margin-bottom: 15px;
  filter: brightness(0) invert(1);
}

.devops-card h4 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}

.devops-card p {
  font-size: 14px;
  color: #ccc;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41d254c */.migration-programme {
  padding: 60px 20px;
  text-align: center;
  background: #fff;
  color: #333;
}

.migration-programme .title {
  font-size: 26px;
  font-weight: 600;
  color: #62a5d8;
  margin-bottom: 8px;
}

.migration-programme .subtitle {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}

.migration-programme .description {
  font-size: 14px;
  max-width: 900px;
  margin: 0 auto 50px auto;
  line-height: 1.6;
  color: #555;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.step-card {
  text-align: center;
}

.step-icon {
  width: 40px;
  margin-bottom: 15px;
}

.step-card h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.step-card p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* Responsive */
@media (max-width: 1024px) {
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .steps-grid {
    grid-template-columns: 1fr;
  }

  .migration-programme .title {
    font-size: 22px;
  }

  .step-icon {
    width: 35px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4f6cb52 */.roadmap {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap; /* keeps all icons in a row */
  justify-content: center;
  position: relative;
  padding: 40px 50px;
  gap: 10px;
  overflow: hidden; /* hides scroll bar */
}



.step {
  flex: 0 0 15%; /* Adjusted to fit 6 steps in a row */
  text-align: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease;
}

.step .icon {
  width: 70px;
  height: 70px;
  background: #57A2D4;
  border-radius: 50%;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease, background 0.3s ease;
}

.step .icon img {
  width: 35px;
  height: 35px;
  transition: filter 0.3s ease;
}

.step .content {
  text-align: center;
  width: 100%;
}

.step .content h4 {
  font-size: 16px;
  margin: 0 0 8px;
  color: #002d4d;
}

.step .content p {
  font-size: 14px;
  margin: 0;
  color: #444;
}

.step:hover .icon {
  background-color: #72A5D4;
  transform: scale(1.05);
}

.step:hover .icon img {
  filter: brightness(0) invert(1);
}

.step:hover .content h4,
.step:hover .content p {
  color: #004b76;
}

.path-segment {
  flex: 0 0 3%;
  height: 4px;
  background: repeating-linear-gradient(
    to right,
    #96d1cf,
    #96d1cf 10px,
    transparent 10px,
    transparent 20px
  );
  transition: background-color 0.3s ease;
  align-self: center;
  z-index: 1;
  margin-top: 33px;
}

.path-segment.highlighted {
  background: #004b76;
}

/* ---------- Responsive Styles ---------- */

@media (max-width: 1024px) {
  .step {
    flex: 0 0 22%;
  }
}

@media (max-width: 768px) {
  .roadmap {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .step {
    flex: 0 0 45%;
    margin-bottom: 20px;
  }

  .path-segment {
    display: none;
  }
}

@media (max-width: 480px) {
  .step {
    flex: 0 0 100%;
  }

  .step .icon {
    display: none; /* hide icons on mobile */
  }

  .step .content p {
    font-size: 15px;
  }
}
.step .content h4,
.step .content p {
  color: #000;
}

.step:hover .content h4,
.step:hover .content p {
  color: #000;
}/* End custom CSS */