@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nuosu+SIL&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

:root {
	--swiper-navigation-size: 18px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;

	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
	color: white !important;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	width: 42px !important;
	height: 42px !important;
	margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(95, 95, 95, 0.65);
}

.samebackcolor {
	padding-top: 50px;
	background: #f5f5f5;
}

p {
	text-transform: none;
	/* normal text */
}

.silderscontent {
	width: 100%;
	color: white;
}

.silderscontent2 {
	padding: 50px 100px;
	gap: 30px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 1050px;
}

.silderscontent2 > h2 {
	color: #fff;
	font-family: "Nuosu SIL";
	font-size: 74px;
	font-style: normal;
	font-weight: 400;
	line-height: 99%;
	/* 73.26px */
	letter-spacing: -2.22px;
}

.sdfsd > p {
	color: rgba(255, 255, 255, 0.91);

	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 145.455% */
}

.silderscontent2 > .buttondiv > button {
	display: flex;
	border-radius: 4px;
	background: #ffc107;
	color: #fff;
	border: none;
	font-family: Montserrat;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	width: 240px;
	height: 60px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.silderscontent2 > h2 > span {
	color: #ffc107;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px !important;
	right: auto;
}

.swiper-button-next,
.swiper-button-prev {
	color: black;
}

.logo {
	width: 200px;
	height: 75px;
	object-fit: contain;
}

/* Navbar links */
.navbar-nav .nav-link {
	color: #333 !important;
	font-size: 20px;
	font-weight: 700;
	font-family: "Montserrat";
	margin: 0 10px;
}

.show {
	padding: 10px;
}

.dropdown-menu > ul {
	background-color: rebeccapurple;
}

.navbar-nav .nav-link:hover {
	color: #ffc107 !important;
}

.dropdown-menu > ul > li > a:hover {
	color: #ffc107 !important;
}

/* Get in Touch button */
.getintouch-btn {
	background: #ffc107;
	color: #fff;
	font-weight: 600;
	border: none;
	padding: 10px 18px;
	border-radius: 5px;
	font-size: 24px;
	font-family: "Montserrat";
	font-weight: 500;
	transition: 0.3s ease;
}

.getintouch-btn:hover {
	background: #e0a800;
	color: white;
}

.followlinkscolor {
	background: #2e3192;
}

.followlinks {
	font-family: "Montserrat";
	padding: 10px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #fff;
	flex-wrap: wrap;
}

.icondive {
	width: 30px;
	height: 30px;
	background-color: #ffc107;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-shrink: 0;
}

.icondive .iconify {
	font-size: 20px;
	color: white;
}

.soicalmedialinks a {
	text-decoration: none;
}

.mySwiper {
	width: 100%;
}

.Abouts {
	border-radius: 14px;
}

.Abouts > h2 {
	color: #ffc107;

	font-family: "Nuosu SIL";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 99%;
	/* 39.6px */
	letter-spacing: -1.2px;
}

.Abouts > p {
	color: #333;
	text-align: center;

	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
}

.Imagedive {
	display: flex;
}

.Imaged {
	width: calc(100% - 20px);
}

.Imaged img {
	width: 100%;
	border-radius: 14px;
	object-fit: cover;
	border-radius: 20px;
}

.WHYCHOOSEContent {
	display: flex;
	width: 100%;
}

.WHYCHOOSEContentleftside {
	flex: 1;
	padding-right: 10px;
}

.WHYCHOOSEContentleftside > h2 {
	color: #333;
	font-family: "Nuosu SIL";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 99%;
	/* 39.6px */
	letter-spacing: -1.2px;
	text-transform: capitalize;
	margin-bottom: 16px;
}

.WHYCHOOSEContentleftside > h2 > span {
	color: #ffc107;
}

.WHYCHOOSEContentleftside > h3 {
	color: #333;

	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	/* 30px */
}

.WHYCHOOSEContentleftside > p {
	color: #333;

	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
}

.WHYCHOOSEContentleftrightsde {
	flex: 1;
	padding-left: 0px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/* ✅ allow wrapping */
	gap: 0px;
	/* optional spacing between images */
}

.Imaged {
	width: calc(50% - 10px);
	height: 47%;
	box-sizing: border-box;
}

.Imaged img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	height: auto;
	display: block;
}

.OurServies {
	padding: 50px 0px;
	text-align: center;
}

.MainContain > h2 {
	color: #000;
	font-family: "Nuosu SIL";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.MainContain > p {
	margin-top: 35px;
	color: #212121;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
}

.serviescardsdiv {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.serviescards {
	height: 300px;
	background: #fff;
	border-radius: 13.055px;
	border: 0.9px solid rgba(0, 0, 0, 0.12);
	background: #fff;
	width: calc(33.33% - 40px);
	padding: 30px 40px;
	margin: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.serviescards > a {
	width: 100%;
	height: fit-content;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.serviescards > a > h2 {
	color: rgba(0, 0, 0, 0.77);
	font-family: "Nuosu SIL";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 27.742px;
	text-decoration: none;
}

.serviescards > a > p {
	text-decoration: none;
	color: #656767;
	text-align: center;
	font-family: "Poppins";
	font-size: 13.055px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.582px;
	margin: 0px;
	/* 150% */
}

.serviescards > a .iconsdive {
	width: 85px;
	height: 85px;
	background: white;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
	margin: 0 auto 20px auto;
}

.serviescards > .iconsdive > .iconify {
	font-size: 40px;
	color: #ffc107;
}

.Teamheading {
	text-align: center;
	margin-block: 50px;
}

.teamcardsdiv {
	border-radius: 13px;
	background: #fff;
	width: 100%;
	background-color: white;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px 20px;
	align-items: center;
}

.Teamheading > h2 {
	color: #000;
	text-align: center;
	font-family: "Nuosu SIL";
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	/* 45% */
	text-transform: capitalize;
	margin-bottom: 30px;
}

.Teamheading > p {
	color: #212121;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 27px */
}
.MainContainer1 {
	background-color: #f5f5f5;
}
.cardsMainContainer {
	padding: 50px 0px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch; /* 👈 this makes all children equal height */
	flex-wrap: wrap;
	gap: 20px;
}

.ourProjectCard {
	border-radius: 18px;
	border: 1.228px solid rgba(0, 0, 0, 0.12);
	background: #fff;
	width: calc(33.33% - 13.3px);
	display: flex;
	padding: 22px 22px 31px 22px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	/* remove min-height if you want exact equal height */
}

.ourProjectCard > img {
	width: 100%;
	border-radius: 5px;
	height: 200px;
	object-fit: cover;
	object-position: top;
}
.ourProjectCard > h2 {
	color: rgba(0, 0, 0, 0.77);
	font-family: "Nuosu SIL";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	line-height: 38px; /* 158.333% */
}
.teamimgesdiv {
	overflow: hidden;
}

.teamimgesdiv > img {
	width: 100%;
	height: 100%;
	object-position: top;
	object-fit: cover;
}

.teamimgesdiv {
	width: 150px;
	height: 150px;
	border-radius: 15px;
	background-color: red;
}

.teamcardcontent {
	text-align: left;
	width: calc(100% - 170px);
}

.teamcardcontent > h2 {
	color: #333;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
	/* 31.2px */
	letter-spacing: 0.72px;
	text-transform: capitalize;
}

.teamcardcontent > h4 {
	color: #ffc107;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 136%;
	/* 24.48px */
	letter-spacing: 0.54px;
	text-transform: capitalize;
}

.teamcardcontent > p {
	color: rgba(0, 0, 0, 0.4);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 136%;
	/* 19.04px */
	letter-spacing: 0.42px;
}

.seeallbtn {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	margin-block: 50px;
}

.seeallbtn > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 284px;
	padding: 14px 20px;
	border-radius: 6px;
	border: 2px solid #ffc107;
	color: #ffc107;
	text-decoration: none;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	font-weight: 500;
	transition: all 0.3s ease;
}

/* Hover effect */
.seeallbtn > a:hover {
	background-color: #ffc107;
	color: #fff;
}

.ourserviesCardContainer {
	display: flex;
	justify-content: center;
	align-items: center;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px 0px;
}

.ourserviesCard {
	width: calc(33.33% - 20px);
	background: #fff;
	border-radius: 13.055px;
	border: 0.9px solid rgba(0, 0, 0, 0.12);
	padding: 20px 20px;
}

.ourserviesCard > img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 10px;
}

.ourserviesCard > h5 {
	background: #e4ecf0;
	color: #005e88;
	display: flex;
	width: 123px;
	height: 40px;
	padding: 8px 32px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	font-family: "Nuosu SIL";
	font-size: 16px;
	flex-shrink: 0;
	border-radius: 50px;
}

.ourserviesCard > h2 {
	color: rgba(0, 0, 0, 0.77);
	text-align: left;
	font-family: "Nuosu SIL";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	/* 158.333% */
}

.ourserviesCard > p {
	color: #656767;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 19.582px;
	/* 122.391% */
}

.clientCompanyImages {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 60px;
	padding-bottom: 50px;
}

.clientCompanyImagesdiv {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.06);
	background-color: #f5f5f5;
}

.row {
	--bs-gutter-x: 0rem !important;
}

footer {
	padding: 50px 50px 0px 50px;
	width: 100%;
	border-top: 1px solid #fff;
	background: linear-gradient(
			0deg,
			rgba(46, 49, 146, 0.91) 0%,
			rgba(46, 49, 146, 0.91) 100%
		),
		url("./assets/image/Footer.png") lightgray 50% / cover no-repeat;

	height: auto;
}

.firstrow > p {
	padding: 10px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
	margin-top: 30px;
	line-height: 27px;
	/* 135% */
}

.secondrow {
	padding: 10px;
}

.servies {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin-top: 50px;
}

.thridrow > p,
.fourthrow > p {
	color: #fff;
	font-family: "Inter", sans-serif;
	margin-top: 10px;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

.servies > a {
	color: #fff;
	font-family: "Inter", sans-serif;

	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-transform: capitalize;
	text-decoration: none;
}

.secondrow,
.thridrow,
.fourthrow {
	padding: 10px;
}

.thridrow > h5 {
	margin-bottom: 50px;
}

.fourthrow > h5 {
	margin-bottom: 50px;
}

.thridrow > button {
	color: #fff;
	text-align: center;
	border: none;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 18px;
	/* 100% */
	background: #ffc107;
	display: flex;
	padding: 15px 24px;
	justify-content: center;
	align-items: center;
}

.modal-header {
	background-color: #2e3192;
}

.bsdfsd {
	background-color: #ffc107;
	color: white;
}

.bsdfsd:hover {
	background-color: #ffc107cd;
	color: white;
}

.thridrow > h5,
.fourthrow > h5,
.secondrow > h5 {
	color: #ffc107;
	font-family: "Nuosu SIL";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 83.333% */
	text-transform: uppercase;
}

.line {
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 30px 0px;
}

.dropdown-menu .dropdown-item:hover {
	background-color: transparent !important;
}

/* new mechinal Page design here   */
.mainImageContainer > h2 {
	color: #fff;
	font-family: "Nuosu SIL";
	font-size: 74px;
	font-style: normal;
	font-weight: 400;
	line-height: 99%;
	/* 73.26px */
	letter-spacing: -2.22px;
}

.mainImageContainer > p {
	max-width: 760px;
	width: 100%;
	margin-inline: auto;
	color: rgba(255, 255, 255, 0.91);
	text-align: center;
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 145.455% */
}

.imageContainerDivefor {
	width: 100%;
	height: 418px;
}

.imageContainerDivefor > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.MainContainerDiveleftsideRightside {
	padding: 80px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.imageContainerDivefor,
.RightSideContainer {
	width: calc(50% - 30px);
}

.pargar {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.RightSideContainerContent {
	margin-bottom: 0px;
	margin-top: 0px;
	color: #5f5f5f;
	font-family: Poppins;
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	/* 27px */
	text-transform: capitalize;
}

.RightSideContainerContent {
	width: calc(100% - 40px);
}

.RightSideContainer > h2 {
	color: #232323;
	font-family: "Nuosu SIL";
	font-size: 46px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	/* 50.6px */
}

/* Responsive adjustments */
.teamContainercolor {
	padding-top: 26px;
	padding-bottom: 50px;
	background: #f5f5f5;
}

.contactheadingContent {
	padding-top: 50px;
	padding-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 20px;
}

.contactheadingContent > h2 {
	color: #333;
	font-family: "Nuosu SIL";
	font-size: 74px;
	font-style: normal;
	font-weight: 400;
	line-height: 99%;
	/* 73.26px */
	letter-spacing: -2.22px;
}

.contactheadingContent > p {
	color: #656767;
	text-align: center;
	font-family: Montserrat;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
	/* 145.455% */
}

.bacroundbalsd {
	background-color: #f5f5f5;
}

.mainOfficeparentdiv {
	padding-bottom: 40px;
	width: 100%;
	display: flex;
	gap: 40px;
}

.locationdetial {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.locationdetial > p {
	width: calc(100% - 50px);
	margin: 0px;
	color: #656767;
	font-family: Manrope;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.582px;
	/* 97.912% */
}

.offies,
.connect {
	padding: 20px;
	width: calc(50% - 20px);
	min-height: 400px;
	background-color: white;
	border-radius: 10px;
}

.iconcontainer {
	display: flex;
	gap: 20px;
	align-items: center;
}

.iconcontainer > h5 {
	color: rgba(0, 0, 0, 0.77);
	text-align: start;
	font-family: "Nuosu SIL";
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 27.742px;
	/* 115.591% */
}

.iconsss {
	display: flex;
	width: 72.728px;
	height: 80.492px;
	padding: 19px 15.728px 19.492px 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 11.194px;
	background: #fff;
	box-shadow: 6.297px 7.696px 16.091px 0 rgba(6, 61, 79, 0.12);
}

.my-textunderline {
	text-decoration: underline;
	/* Ensures the text is underlined */
	text-decoration-thickness: 1px;
	/* Sets the thickness of the underline */
}

.linesdov {
	width: 100%;
	height: 1px;
	margin-block: 30px 30px;
	background: rgba(0, 0, 0, 0.12);
}

.mainBtn > a {
	text-decoration: none;
	color: white;
}

.mainBtn {
	margin-top: 30px;
	padding: 15px 20px;
	border-radius: 10px;
	background: #ffc107;
	border: none;
	color: #fff;
	text-align: center;
	font-family: "Manrope";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 19.582px;
	margin-bottom: 10px;
	/* 97.912% */
}

.myconnects {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	padding-bottom: 50px;
}

.connects {
	border-radius: 20px;
	padding: 20px;
	background-color: white;
	width: calc(33.33% - 0px);
}

@media (max-width: 1400px) {
	.navbar-nav .nav-link {
		font-size: 18px;
		margin: 0 5px;
	}

	.getintouch-btn {
		font-size: 20px;
	}
}

@media (max-width: 1200px) {
	.navbar-nav .nav-link {
		font-size: 16px;
		margin: 0 0px;
	}

	.getintouch-btn {
		font-size: 20px;
	}
}

/* Navbar mobile fix */
@media (max-width: 991px) {
	.ourProjectCard {
		width: calc(50% - 10px);
		min-height: 300px;
	}
	.myconnects {
		flex-wrap: wrap;
		justify-content: center;
	}

	.connects {
		border-radius: 20px;
		padding: 20px;
		background-color: white;
		width: calc(50% - 20px);
	}

	.ourserviesCard {
		width: calc(50% - 20px);
		background: #fff;
		border-radius: 13.055px;
		border: 0.9px solid rgba(0, 0, 0, 0.12);
		padding: 20px 20px;
		text-align: left;
	}

	.MainContainerDiveleftsideRightside {
		flex-direction: column;
		gap: 50px;
	}

	.imageContainerDivefor {
		width: calc(100%);
	}

	.imageContainerDivefor > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		border-radius: 20px;
	}

	.RightSideContainer {
		width: calc(100%);
	}

	.serviescards {
		width: calc(50% - 40px);
		padding: 30px 40px;
	}

	.WHYCHOOSEContentleftside {
		width: 100%;
	}

	.WHYCHOOSEContentleftrightsde {
		width: 100%;
	}

	.WHYCHOOSEContent {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.Imaged {
		width: calc(50% - 10px);
		gap: 10px;
		height: 200px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}

	.navbar-nav {
		text-align: center;
		width: 100%;
	}

	.navbar-nav .nav-item {
		margin: 5px 0;
	}

	.getintouch-btn {
		display: block;
		margin: 10px auto;
	}
}

@media (max-width: 768px) {
	.ourProjectCard > h2 {
		font-size: 18px;
		line-height: 1;
	}
	.mainOfficeparentdiv {
		flex-direction: column;
	}

	.connects {
		width: calc(100% - 0px);
	}

	.offies,
	.connect {
		padding: 20px;
		width: calc(100%);
		min-height: 400px;
		background-color: white;
		border-radius: 10px;
	}

	.serviescardsdiv {
		gap: 20px;
	}

	.mainImageContainer > h2 {
		font-size: 40px;
		letter-spacing: -0.22px;
	}

	.mainImageContainer > p {
		font-size: 17px;
	}

	.ourserviesCard {
		width: calc(100% - 0px);
		background: #fff;
		border-radius: 13.055px;
		border: 0.9px solid rgba(0, 0, 0, 0.12);
		padding: 20px 20px;
		text-align: left;
	}

	.serviescardsdiv {
		flex-direction: column;
	}

	.serviescards {
		width: calc(100% - 20px) !important;
		margin: 0px;
		padding: 30px 40px;
	}

	.followlinks {
		gap: 20px;
		align-items: flex-start;
		padding: 10px 10px;
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}

	.followlinks p {
		margin-bottom: 5px;
		font-size: 13px;
	}

	.silderscontent2 {
		padding: 50px 20px;
	}
}
@media (max-width: 600px) {
	.ourProjectCard {
		width: calc(100% - 0px);
	}
}

@media (max-width: 500px) {
	.contactheadingContent > h2 {
		font-size: 50px;
	}

	.contactheadingContent > p {
		font-size: 18px;
	}

	.iconcontainer {
		gap: 15px;
	}

	footer {
		padding: 50px 10px 0px 10px;
		width: 100%;
		border-top: 1px solid #fff;
		background: linear-gradient(
				0deg,
				rgba(46, 49, 146, 0.91) 0%,
				rgba(46, 49, 146, 0.91) 100%
			),
			url(./assets/image/Footer.png) lightgray 50% / cover no-repeat;
		height: auto;
	}

	.thridrow > h5,
	.fourthrow > h5,
	.secondrow > h5 {
		font-size: 23px;
	}

	.ourserviesCardContainer {
		padding: 20px 10px;
	}

	.teamcardsdiv {
		flex-direction: column;
	}

	.teamcardcontent {
		text-align: left;
		width: calc(100% - 0px);
	}

	.silderscontent2 {
		padding: 30px 20px;
	}

	.silderscontent2 > h2 {
		font-size: 36px;
		line-height: 99%;
		letter-spacing: 0.78px;
	}

	.sdfsd > p {
		color: rgba(255, 255, 255, 0.91);
		font-family: Montserrat;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		/* 145.455% */
	}
}