.magento-solution{
display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.marine-software{
	display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px 80px;
}

.magento-developer svg{
	width: 90px;
}

.magento-img-content-section{
	text-align: left;
}

.magento-img-content-section img{
	min-height: 455px;
}
.equal-div {
	display: flex;
	border: 2px solid #0097a4;
	border-radius: 10px;
	padding: 0px;
  }
  .equal-image img {
	height: 100%;
	object-fit: cover;
  }
  #faa-system img {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	}	
/* 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: 450px;
	min-width: 280px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
  }
.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;
}

/* ===== GRID ===== */
.healthcare-grid-2026{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:40px;
}
.custom-line-height{
	line-height: 1.5;
}
/* ===== CARD BASE ===== */
.healthcare-card-2026{
    background:#fff;
    padding:35px 30px;
    border-radius:12px;
    text-align:center;
}

.healthcare-card-2026 h3{
    font-size:20px;
    margin-bottom:15px;
    font-weight:600;
}

/* ===== COLOR VARIANTS ===== */
.teal-2026{
    border:2px solid #0aa5a5;
    box-shadow:0 10px 25px rgba(10,165,165,0.25);
}
.teal-2026 h3{ color:#0aa5a5; }

.orange-2026{
    border:2px solid #ff5a00;
    box-shadow:0 10px 25px rgba(255,90,0,0.25);
}
.orange-2026 h3{ color:#ff5a00; }

.purple-2026{
    border:2px solid #5b3ea8;
    box-shadow:0 10px 25px rgba(91,62,168,0.25);
}
.purple-2026 h3{ color:#5b3ea8; }

.cyan-2026{
    border:2px solid #00c2c7;
    box-shadow:0 10px 25px rgba(0,194,199,0.25);
}
.cyan-2026 h3{ color:#00c2c7; }

.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-list {
	min-height: 400px;
    background-color: #edfafc;
}

.img-content-section img {
	min-height: 400px;

}

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


.future-ready-section {
	background: linear-gradient(90deg, rgba(255, 252, 251, 1) 0%, rgba(228, 253, 253, 1) 100%);
}


.marine-software-card,
.future-ready {
	box-shadow: 6px 2px 16px 0px rgba(136, 165, 191, 0.48), -6px -2px 16px 0px rgba(255, 255, 255, 0.8);
	padding: 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	background-color: #fff;
}


.marine-software-card{
	border-radius: 0px;
	position: relative;
}

.marine-software-card1{
	border-right: 20px solid #22929d;	
}

.marine-software-card2{
	border-right: 20px solid #ed600d;	
	/* border-right: 20px solid #352a7c;	 */
}

.marine-software-card3{
	border-right: 20px solid #603091;
}

.marine-software-card4{
	border-right: 20px solid #352c7c;	
}

.marine-software-card5{
	border-right: 20px solid #25c0d9;	
}

.marine-software-card6{
	border-right: 20px solid #797a7c;	
}


.dark-teal{
	color: #22929d;
}

.dark-blue{
	color: #352a7c;
}

.light-orange{
	color: #ed600d;
}

.light-teal{
	color: #26c0d9;
}

.light-blue{
	color: #603291;
}

.light-gray{
	color: #797a7c;
}


.marine-software-icon{
	position: absolute;
	left: -40px;
}

.marine-software-content{
	margin-left: 50px;
}


.future-ready-icon{
	min-width: 100px;
}
@media (max-width: 1024px) and (min-width: 601px){
    .healthcare-grid-2026{
        grid-template-columns: repeat(2, 1fr);
    }
}

.trusted-card{
	box-shadow: 6px 2px 16px 0px rgba(136, 165, 191, 0.48), -6px -2px 16px 0px rgba(255, 255, 255, 0.8);
padding: 5px;
display: flex;
	align-items: center;
	background-color: #0096a3;
}

.trusted-card-content{
	min-height: 100px;
	background-color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
}

/* .trusted-card-content p:first-of-type{
} */


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

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

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


.quote-banner {
	background: url(/lending/loan-servicing/img/strip-bg.webp) no-repeat center center;
	background-size: cover;
	padding: 25px 20px;
	text-align: center;
	color: white;
	font-family: Arial, sans-serif;
}


.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: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: 768px) and (min-width: 320px) {
	.study-wrapper {
	  display: grid;
	  justify-content: center;
	  gap: 30px;
	}
  }

@media(max-width:991px) {
	.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);
}


.build-smarter-content,
	.magento-img-content-section{
	text-align: center;
}


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


	.magento-content-list,
	.img-content-section-list {
		background-color: transparent;
		min-height: auto;
	}

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

	.magento-img-content-section img{
		min-height: auto;
margin-bottom: 30px;
	}
	.img-content-section img {
		min-height: auto;
	}

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

@media(max-width:768px) {
	.loan-servicing-img,
	.loan-servicing {
		text-align: center;
	}
.marine-software,
.magento-solution{
    grid-template-columns: repeat(1, 1fr);
}
.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: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;
	}


}