//global access
.access-item {
	background: $white;
	padding: 45px 16px;
	gap: 48px;
	transition: all 0.5s;
	@include breakpoint(max-xxl) {
		padding: 35px 15px;
	}
	&:hover {
		h4,
		span {
			color: $white;
		}
		background: $p1-clr;
		.icon-img {
			img {
				filter: brightness(25);
			}
		}
	}
	@media screen and (max-width: 991px) {
		gap: 35px;
	}
}
//global access

//Consulting Section
.consulting-section {
	background: linear-gradient(90deg, #5135ff 0%, #ff5455 100%);
}
.customer-review {
	.plus {
		width: 60px;
		height: 60px;
		min-width: 60px;
	}
	.review-img {
		&:not(:first-child) {
			margin-left: -19px;
		}
	}
}
//Consulting Section

//Make Ready  Section
.consulting-make-section {
	background: url(../../assets/img/services/make-bg.png) no-repeat center
		center;
	background-size: cover;
	padding: 90px 0;
	position: relative;
	&::before {
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: linear-gradient(
			93deg,
			rgba(81, 53, 255, 0.95) 11.83%,
			rgba(255, 84, 85, 0.95) 88.17%
		);
	}
	.consulting-wrapper {
		position: relative;
		padding: 20px 0;
		z-index: 1;
		.make-cont {
			gap: 90px;
			h3 {
				font-size: 40px;
			}
			.cont {
			}
		}
	}
	@include breakpoint(max-xl) {
		.consulting-wrapper {
			position: relative;
			z-index: 1;
			.make-cont {
				gap: 30px;
				h3 {
					font-size: 29px;
				}
			}
		}
	}
	@include breakpoint(max-lg) {
		.consulting-wrapper {
			position: relative;
			z-index: 1;
			.make-cont {
				gap: 20px 30px;
				h3 {
					font-size: 29px;
				}
			}
		}
	}
}
//Make Ready Section

//Choose Section
.choose-feature-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	.choose-feature-item {
		width: calc(100% / 6);
		.icon {
			background: #f0f4fd;
			width: 100px;
			height: 100px;
			margin: 0 auto 20px;
			transition: all 0.4s;
			svg {
				path {
					transition: all 0.4s;
				}
			}
		}
		h6 {
			transition: all 0.4s;
		}
		&:hover {
			.icon {
				background: $p1-clr;
				svg {
					path {
						stroke: $white;
						transition: all 0.4s;
					}
				}
			}
		}
	}
	@include breakpoint(max-xl) {
		.choose-feature-item {
			width: calc(100% / 6);
			.icon {
				width: 70px;
				height: 70px;
				margin: 0 auto 10px;
				svg {
					width: 40px;
					height: 40px;
				}
			}
		}
	}
	@include breakpoint(max-lg) {
		.choose-feature-item {
			width: calc(100% / 3);
			padding: 14px;
			.icon {
				width: 70px;
				height: 70px;
				margin: 0 auto 10px;
				svg {
					width: 40px;
					height: 40px;
				}
			}
		}
	}
	@include breakpoint(max-sm) {
		.choose-feature-item {
			width: calc(100% / 2);
			padding: 14px;
			.icon {
				width: 70px;
				height: 70px;
				margin: 0 auto 10px;
				svg {
					width: 40px;
					height: 40px;
				}
			}
		}
	}
}
//Choose Section

//studies Section
.studies-step-wrapper {
	padding: 35px 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.studies-tep-item {
		.icon {
			width: 50px;
			height: 50px;
			background: rgba(3, 23, 64, 0.1);
			font-size: 20px;
			font-weight: 600;
			line-height: normal;
			letter-spacing: -0.4px;
			transition: all 0.5s;
			color: $black;
		}
		&:hover {
			.icon {
				background: $black;
				color: $white;
			}
		}
	}
	@include breakpoint(max-lg) {
		padding: 28px 26px;
	}
	@include breakpoint(max-md) {
		padding: 28px 26px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 14px;
	}
	@include breakpoint(max-sm) {
		padding: 28px 26px;
		flex-wrap: wrap;
		justify-content: center;
		gap: 14px;
		.studies-tep-item {
			.icon {
				margin: 0 auto;
			}
		}
	}
}
.studies-right-box {
	height: 100%;
	h4 {
		margin-bottom: 150px;
	}
}
.studies-right-inner{
	background: url(../../assets/img/about/studies-thumb5.png) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 1;
	border-radius: 12px;
	overflow: hidden;
	.cont-area{
		margin-top: 150px;
		.cont{
			max-width: 420px;
		}
	}
	&::before{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background: linear-gradient(180deg, rgba(3, 23, 64, 0.00) 0%, #031740 100%);
		z-index: -1;
	}
}
.studies-arrows {
	width: 40px;
	min-width: 40px;
	height: 40px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	transform: rotate(-29deg);
	i {
		color: $white;
	}
	&:hover {
		background: $white;
		i {
			color: $p1-clr;
		}
	}
}
//studies Section
