.row-eq-height {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
}
.cloud-card
 {
    align-items: center;
    max-width: 100%;
    background: #ffffff;
    border: 2px solid transparent;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 2px 4px 7px 0px #4411111f;
    padding: 40px 50px;
    background: #edfafc;
    height: 100%;
    border: 1px solid #0495a4;
    box-shadow: 6px 8px 0 #0495a4;
}
.legal-list li p {
    font-weight: 700;
}
.data-icon {
    background: transparent;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.legal-list li {
    padding-bottom: 10px;
}
.nvidia-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 20px;
}
.nvidia-card-number {
  background-color: #0097a4;
  color: white;
  font-weight: bold;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 2.2rem;
  margin-bottom: 15px;
}
.ml-shadow {
    box-shadow: 8px 8px 5px #0f8b8d;
}
.nvidia-card {
    background-color: #fff;
    color: black;
    border-radius: 10px;
    border: 1px solid #9d9898;
    padding: 20px;
    box-shadow: -6px 4px 0px 2px #0495a4;
    transition: transform 0.3s ease;
}
.proven-wrapper{
        display:flex;
      justify-content:center;
      align-items:center;
      gap:30px;
      flex-wrap:wrap;
    }
 .service-card:hover{
      transform:translateY(-5px);
    }
.proven-card {
    width: 400px;
    min-height: 145px;
    background: #fff;
    border-radius: 24px;
    padding: 25px 28px;
    box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.08), 0 3px 6px 3px #59d8e633;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    gap: 20px;
}
    .proven-icon-box{
      display:flex;
      align-items:center;
      justify-content:center;
    }


.service-wrapper {
    max-width: 1250px;
    margin: auto;
}

.service-card {
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 8px;
}

.grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.business-impact-content {
    border: 2px solid #0097a4;
    border-radius: 12px;
    padding: 27px 10px;
	position: relative;
}

.business-heading p {
      font-size: 24px;
    font-weight: bold;
    line-height: 32px;
}
.business-heading p span {
    font-size: 42px;
    line-height: 66px;
    font-weight: bold;
}
.business-line {
    width: 100px;
    height: 2px;
    margin: auto;
}
.bg-line-teal {
    background: #0097a4;
}
.bg-line-teal {
    background: #0097a4;
}
.bg-line-orange {
    background: #ef5a16;
}
.business-line.bg-line-blue {
    background: #0ab1c9;
}
.d-flex-start {
    display: flex;
}
.bg-grey {
    background: #ecf5f4;
}
.equal-image img {
    width: 100%;
    padding: 0 30px;
}
.enterprise p {
    line-height: 24px;
}


.bg-strip {
    background: url(../img/strip-bg.webp) 0 0 / cover;
    padding: 25px 20px;
}
/* ======================================================================================= */

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

.ai-driven-image img{
	border-radius: 4px;
}

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

.e-commerce-img{
	text-align: right;
}

.loyalty-features{
    min-height: 450px;
	border: 2px solid #0097a4;
	display: flex;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}


.loyalty-features-img img{
	min-height: 450px;
		border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.features-list{
	display: flex;
	align-items: center;
}

.equal-div {
    border: 2px solid #0097a4;
    border-radius: 10px;
}

.bg-grey ul strong {
    border-bottom: 2px solid #0097a4;
    display: inline-block;
    padding-bottom: 6px;
}

/* What We Deviver section start */
.what-we-deliver {
	background-color: #edeeee;
	padding: 50px 0;
}


.deliver-card-sec {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}


.inner-deliver-card-sec {
	background-color: #fff;
	border-radius: 10px;
	padding: 24px;
	text-align: center;
	box-shadow: -5px 5px 0px rgb(0 150 163);
	transition: transform 0.3s ease;
	border: 1px #a3dcea solid;
	margin-bottom: 10px;
	flex: 1 1 calc(50% - 40px);
	max-width: 380px;
	min-width: 280px;
}

/* What We Deviver section end */



/* end to end cloud section start*/

.img-card-sec {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.inner-img-card-sec {
	/* min-height: 430px; */
	border: 1px solid #0096a3;
	padding: 10px;
	border-radius: 10px;
	max-width: 400px;
}


.inner-img-card-sec img {
	border-radius: 10px;
}

/* end to end cloud section end*/


/* CIS solution section strat */
.cis-card-sec {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.cis-inner-card-sec {
	padding: 40px;
	background-color: #e2f3f6;
}


.cis-card-sec .card1 {
	border-right: 1px solid #ed5814;
	border-bottom: 1px solid #ed5814;
}

.cis-card-sec .card2 {
	border-bottom: 1px solid #ed5814;
}

.cis-card-sec .card3 {
	border-right: 1px solid #ed5814;
}


/* CIS solution section end*/


/* Our CIS Transformation Framework  start*/

.cis-transformation-sec {
	background: url(/cloud-infrastructure-services/img/stroke-bg.webp) no-repeat center center;
}

.step-img-card {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}


.inner-step-card {
    /* box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%); */
    background-color: rgb(255, 255, 255);
    border-top: 12px solid #0097a4;
    border-radius: 10px;
    /* min-height: 350px; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.stepper-head {
	background: linear-gradient(90deg, rgba(19, 127, 167, 1) 13%, rgba(7, 145, 165, 1) 82%, rgba(4, 149, 164, 1) 100%);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.stepper-content {
    min-height: 100px;
    border: 2px solid #0097a4;
    border-top: none;
    border-radius: 10px;
    border-top-right-radius: initial;
    border-top-left-radius: initial;
    place-content: center;
    padding: 10px;
	box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%);
	min-height: 140px;
}



/* .stepper-content h4 {
    color: #0009cb;
} */
/* Our CIS Transformation Framework  end*/


/* Case-study CSS */
.admin-quote-banner {
	/* background: #222; */
	background-size: cover;
	padding: 25px 20px;
	text-align: center;
	color: white;
	font-family: Arial, sans-serif;
}


.img-content-section-list {
	min-height: 400px;
}
.bg-light-teal{
	background-color: #edfafc;
}
.img-content-section img {
	min-height: 400px;

}

.img-content-section {
	text-align: right;
}
.proven-content h3 {
    font-size: 20px;
}

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


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

/* Use CSS Grid for an automatically responsive layout */


.features-grid-admin {
    display: grid;
    /* Auto-fit creates columns based on available space, stacking on small screens */
       grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px; /* Space between the items */
}

.feature-dashboard {
    display: flex;
    align-items: center;
    gap: 20px;
}
.case-box {
    max-width: 550px;
    flex: 1 1 600px;
}
.feature-icon {
    width: 80px;
    height: 80px;
    background-color: #ffffff; 
     border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.feature-icon .icon {
    width: 100%;
    height: 100%;
    stroke: #333; /* Color for the SVG icons */
}
.feature-dashboard .feature-icon {
    border: 2px solid #0097a4;
    border-radius: 10px;
}
.feature-dashboard p {
    font-size: 16px;
    color: #555;
    margin: 0;
}

/* Optional Media Query for very small mobile devices to adjust padding */

@media(min-width: 1400px) {
		.features-grid-admin {
		display: grid;
		/* Auto-fit creates columns based on available space, stacking on small screens */
		grid-template-columns: 1fr 1fr;
		gap: 30px; /* Space between the items */
	}
}

@media only screen and (max-width: 1400px) and (min-width: 1200px)  {
	.features-grid-admin {
    gap: 10px;
}
.feature-icon{
    width: 60px;
    height: 60px;
}

	}

@media (max-width: 1700px){
	.brake-none{
		display: none;
	}
}

@media (max-width: 1400px) {
.equal-image img.img-responsive.display-inline.margin-top-30.margin-bottom-30.margin-left-70 {
    margin-left: 20px !important;
}

@media(max-width:1200px){
    .btn-sm-center {
    text-align: center;
}
	.proven-card{
		width:calc(50% - 20px);
	}
	.proven-wrapper{
		gap:25px;
	}
        .grid-row {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 80px;
        }
	.e-commerce-img{
		text-align: center;
	}
		 .pill-container2::after, .pill-container::after{
	width: 91%;
 }
 .partner-logo-heroshot {
	display: none;
}
}

}
@media (max-width: 500px) {
    .admin-features-container {
        padding: 30px 20px;
    }
}
@media (max-width: 667px) {
	.service-card {
    display: inline-grid;
}
	       .grid-row {
            grid-template-columns: repeat(1, 1fr);
            row-gap: 80px;
        }
    .ksk-container{
		grid-template-columns:1fr;
		gap:50px;
		}
		
		.ksk-card{
		padding:25px;
		}

		.ksk-card-orange{
			box-shadow:
			  -14px -14px 0 #ff5a2c,
			  0 12px 25px rgba(0,0,0,0.15);
		  }
		  
		  .ksk-card-purple{
			box-shadow:
			  -14px -14px 0 #6b2fb9,
			  0 12px 25px rgba(0,0,0,0.15);
		  }
		  
		  .ksk-card-gray{
			box-shadow:
			  -14px -14px 0 #7f8c8d,
			  0 12px 25px rgba(0,0,0,0.15);
		  }
		  
		  .ksk-card-teal{
			box-shadow:
			  -14px -14px 0 #0e8c8c,
			  0 12px 25px rgba(0,0,0,0.15);
		  }
}


@media(max-width:991px) {
	.d-flex-start
 {
    display: block;
}
.sm-text-center{
	text-align: center;
}
.case-studies{
	flex-wrap: wrap;
}

	.ai-driven-image{
		text-align: center;
	}
	.loyalty-features{
		min-height: auto;
		border: none;
	}

	.ai-driven-image img{
		margin-bottom: 30px;
	}

	.img-card-sec {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.loyalty-features-img img{
		min-height: auto;
	}

.features-list{
	margin-left: 20px;
}
.loyalty-features,
.loyalty-features-img img{
	border-radius: 8px;
}

	.loyalty-features-img{
		text-align: center;
		margin-top: 20px;
	}

	.step-img-card {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

	.img-content-section img {
		min-height: auto;
	}

}


@media (max-width: 600px) {
	.icon-box {
		padding: 16px;
	}

	.icon-box img {
		width: 40px;
	}

	.text-box h3 {
		font-size: 16px;
	}

	.ride-feature-item img{
	width: 100%;
}
}

@media (min-width: 0px) and (max-width: 768px) {
    .nvidia-container {
    grid-template-columns: repeat(1, 1fr);

}
	.proven-card{
		width:100%;
        flex-direction:column;
        text-align:center;
        padding:30px 20px;
	}
    .accordion-container {
        gap: 0;
        /* vertical gap 0 kar diya */
    }

    .accordion-column {
        flex: 1 1 100%;
    }
}
@media(max-width:576px) {
.case-study-bottom{
	flex-wrap: wrap;
}




	.step-img-card,
	.img-card-sec {
		grid-template-columns: repeat(1, 1fr);
	}
	.cis-card-sec {
		grid-template-columns: repeat(1, 1fr);

	}

	.cis-card-sec .card1,
	.cis-card-sec .card2,
	.cis-card-sec .card3,
	.cis-card-sec .card4 {
		border: unset;
	}

	.cis-card-sec .cis-inner-card-sec {
		box-shadow: 0px 1px 0px 0px rgb(239 90 22);
		margin-bottom: 10px;
		padding: 20px;
	}

}


@media (max-width: 480px) {
		 .pill-container2::after, .pill-container::after{
	width: 91%;
 }
 
}

@media (max-width: 400px) {

 .pill-container2::after, .pill-container::after{
	width: 88%;
 }
	.icon-box {
		width: 100%;
	}

	.text-box {
		padding: 16px;
	}
}