.salesforce-developer-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	margin: auto;
	padding: 20px;
}

.salesforce-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}
  .service-card {
    border: 1px solid #61d0e3;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	width: 400px; /* consistent width */
    box-sizing: border-box;
  }

  .service-card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
  }

 
  .service-card ul {
    padding-left: 20px;
    margin: 0;
    list-style-type: disc;
  }
  .service-card li {
    padding: 5px;
	}
  .svc-grid-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 🔥 KEY */
    gap: 30px;
    margin: auto;
  }

  .svc-card-box {
	padding: 50px 25px;
    border-radius: 12px;
    text-align: center;
    border: 1px solid #ddd;
    position: relative;
  }
  /* LEFT BORDER */
  .svc-card-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
  }

  /* BOTTOM BORDER */
  .svc-card-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 6px;
    width: 100%;
  }

  .svc-orange::before,
  .svc-orange::after { background: #f05a28; }

  .svc-purple::before,
  .svc-purple::after { background: #6f2dbd; }

  .svc-teal::before,
  .svc-teal::after { background: #0fa3a3; }

  .svc-icon {
    font-size: 40px;
    margin-bottom: 15px;
  }

  .svc-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
.svc-text{
	font-size: 18px;
	line-height: 27px;
}

  /* 🔥 KEY: Center last two cards using grid */
  .svc-card-box {
    grid-column: span 2;
  }

  /* Bottom row centered */
  .svc-card-4 {
    grid-column: 2 / span 2;
  }

  .svc-card-5 {
    grid-column: 4 / span 2;
  }
.bg-grey {
	background: #ecf5f4;
}
.bg-light-grey{
	background: #f4f4f4;
}
	.image-radius{
		border-radius: 8px;
	}
	
	.background-grey{
		background-color: #e9e9ea;
	}
.asw-services-wrapper{
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}


.equal-div {
	display: flex;
  }
  .equal-image img {
	height: 100%;
	object-fit: cover;
  }

/* Text section */
.text-box {
	padding: 8px;
}
.study-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
  }
  
  .study-box {
	background: #fff;
    border: 2px solid #00a5b5;
    border-radius: 6px;
    padding: 20px;
    flex: 1 1 calc(50% - 40px);
    max-width: 500px;
    min-width: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
.text-box h3 {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 1.3;
	margin-bottom: 0px;
}

.magento-content-list{
	background-color: #edfafc;
	min-height: 455px;
}

.case-box{
	max-width: 590px;
    flex: 1 1 610px;
}

.container-2026{
    max-width:1300px;
    margin:auto;
}

.custom-line-height{
	line-height: 1.5;
}

.bg-light-teal {
    background: #ddf0f3;
}
.loan-servicing-img {
	text-align: right;
}

.build-smarter-section{
	display: flex;
	flex-wrap: wrap;
}
.case-studies {
    flex-wrap: nowrap;
}

.case-study-bottom{
	display: flex;
	align-items: center;
}

.maritime-software{
	background-color: #edfafc;
}

.ai-enabled-box{
	background-color: #f2f2f2;
}

.img-content-section {
	text-align: right;
}

.drawline-orange:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background: #f06627;
	left: -2%;
}

.case-study-underline {
	width: 80%;
	height: 2px;
	background-color: #5bbac3;
	margin: 0 auto 15px auto;
}

.partner-logo-heroshot {
	right: 0;
	bottom: 0;
}

.drawline-3:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	background: #5ebdc6;
	left: -2%;
}


.highlight-orange {
	font-weight: 800;
}


.logo-wrapper {
	margin-top: auto;
}


.it-leader-sec {
	background-color: #edfafc;
}


.drawline-3:after {
	background: transparent;
}


/* end to end cloud section start*/

.scms-asset {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

/* end to end cloud section end*/
@media (max-width: 1024px) {
	.salesforce-developer-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 1100px) and (min-width: 992px) {
	.equal-div {
	  width: 100% !important;
	}
}
@media (max-width: 1100px) and (min-width: 320px) {
	.equal-div {
	  flex-direction: column;
	}
  }
@media(max-width:1700px) {
	.hide-section {
		display: none;
	}
}

@media(max-width:1400px) {
.hide-breake{
	display: none;
}
}
@media(max-width:1366px) {
.sap-product-implementation ul li {
    margin-bottom: 25px;
}
}

@media(max-width:1200px) {
	.partner-logo-heroshot{
		display: none;
	}
.marine-software-icon{
	position: unset;
}
.feature-box {
	width: 48%;
  }
.marine-software-content {
    margin-left: 10px;
}

.marine-software{
	gap: 40px;
}


}
@media (max-width: 600px) {
	.salesforce-developer-grid {
		grid-template-columns: 1fr;
	}
	#HomeSlider .heroBg.heroBg-background-center {
		background-position: inherit;
	}
}
@media(max-width:1000px){
	.service-card {
		width: 45%; /* 2 per row on medium screens */
	  }
	.airport-benefits-grid{
	grid-template-columns:repeat(2,1fr);
	}
	
	.airport-benefit-card{
	grid-column:auto !important;
	}
	
	}
	
	@media(max-width:500px){
	
	.airport-benefits-grid{
	grid-template-columns:1fr;
	}
	
	}
	@media (max-width: 650px) {
		.service-card {
		  width: 100%; /* stack on small screens */
		}
	  }
@media (max-width: 768px) and (min-width: 320px) {
	.study-wrapper {
	  display: grid;
	  justify-content: center;
	  gap: 30px;
	}
  }

@media(max-width:991px) {
	.img-content-section img {
        margin-bottom: 30px;
        min-height: auto;
        width: auto;
    }
	.md-below-text-center{
		text-align: center;
	}
	.drawline-3:before {
		display: none;
	}
	.equal-div {
		flex-direction: column;
	  }
	  .space-cont {
		padding-left: 15px;
		padding-right: 15px;
	}
	.marine-software{
    grid-template-columns: repeat(1, 1fr);
}


	.case-studies{
		flex-wrap: wrap;
	}


	.img-content-section {
		text-align: center;
		padding-left: 0;
	}

	.scms-asset {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 40px;
	}
}

@media(max-width:768px) {
	.svc-grid-container {
		grid-template-columns: 1fr;
	  }
  
	  .svc-card-box,
	  .svc-card-4,
	  .svc-card-5 {
		grid-column: span 1;
	  }
	.loan-servicing-img,
	.loan-servicing {
		text-align: center;
	}
	.asw-services-wrapper{
		grid-template-columns:1fr;
		}
		
		/* Fix order for mobile */
		
		.asw-service-card:nth-child(1){order:1;}
		.asw-service-card:nth-child(3){order:2;}
		.asw-service-card:nth-child(5){order:3;}
		.asw-service-card:nth-child(7){order:4;}
		.asw-service-card:nth-child(2){order:5;}
		.asw-service-card:nth-child(4){order:6;}
		.asw-service-card:nth-child(6){order:7;}
		.asw-service-card:nth-child(8){order:8;}

.marine-software,
.feature-box {
	width: 48%;
  }
}
@media(max-width:576px) {
.case-study-bottom{
	flex-wrap: wrap;
}

.marine-software-card{
	display: flex;
	flex-direction: column;
	border-right: 0;
	        gap: 10px;
}


.marine-software-content,
.end-to-end h2{
	text-align: center;
}

.contact-btn{
	text-align: center;
}
}

@media (max-width:400px){

.asw-service-card{
    flex-direction:column;
    align-items:flex-start;
}

.asw-service-number{
    margin-bottom:10px;
}
}
@media(max-width:480px) {
	.case-box ul {
		padding: 0;
	}
	.feature-box {
		width: 100%;
	  }
	.future-ready-icon{
		min-width: auto;
	}
	.future-ready {
		flex-direction: column;
		gap: 10px;
	}

	.future-ready .future-ready-content{
		text-align: center;
	}


}