.step-col::after {
	width: 155%;
}
@media(max-width: 1620px) {
	.header-wrapper {
		display: block;
	}
	.header-left-tem {
		justify-content: center;
	}
	.header-left-tem .header-logo {
		position: relative;
		transform: translateY(15px);
	}
	.header-left-tem .header-logo::after {
		height: 5rem;
	}
	.header-right-button {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
}

@media(max-width: 1398px) {
.hero-section .row {
	justify-content: center;
}
.hero-item-right {
	margin-top: 5rem;
}
.why-item-left {
    margin-left: 70px;
}
.why-item-right {
    margin-left: 100px;
}
}
@media(max-width: 1200px) {
	.header-left-tem .header-logo {
		transform: translateY(6px);
	}
	.why-item-left {
		margin-left: 0px;
	}
	.why-item-right {
		margin-left: 40px;
	}
	.step-col::after {
		width: 137%;
	}
	.experience-item {
		width: calc(100% - 5px);
	}
	.experience-item .team-image {
		width: 100%;
		height: auto;
	}
	.footer-row .col-auto:last-child {
		margin-top: 12rem;
	}
}
@media screen and (max-width: 1024px) and (min-width:768px){
	.header-left-tem .header-logo {
		margin-top: 1rem;
	}
	.header-left-tem .header-logo img {
		max-width: 25rem;
	}
	.header-right-button {
		margin-top: 35px;
		margin-bottom: 10px;
	}
	.main-form h2 {
		font-size: 28.52px;
		line-height: 1.4em;
	}
	.join-item {
		margin-bottom: 5rem;
	}
	.why-item-left,
	.why-item-right {
		margin-left: 0px;
		max-width: 390px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 6.5rem;
	}
	.why-section {
		padding-bottom: 6rem;
	}
	.why-section .py-pt {
		padding-top: 0;
	}
	.step-col::after {
		width: 100%;
		right: 40%;
	}
	.hero-item-left h1 {
		font-size: 40px;
		line-height: 1.5em;
		margin-bottom: 16.25px;
	}
	.join-item {
		margin-left: 25px;
	}
	section.join-section .col-sm-6{
		max-width: 25%;
	}
	.header-contact-item {
		display: none;
	}
	.header-left-tem .header-logo::after{
		display: none;
	}
	section.why-section .col-lg-6 {
		max-width: 50%;
	}
	.footer-area {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.workshop-section {
		padding: 0px 0px 99px 0px;
	}
	.play-item-right {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 16.37px;
	}
	.play-item-right img {
		max-width: 110px;
	}
	.show_password {
		color: #3C29B7;
		font-size: 22.55px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		background: transparent;
		border: 0;
		position: absolute;
		padding: 0;
		right: 20px;
		top: 16px;
	}

}
@media(max-width: 767px) {
	
	.header-right-button {
		justify-content: center;
	}
	.header-right-button .btn {
		min-width: auto;
		width: 200px;
	}
	.hero-item-left h1 {
		font-size: 40px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}
	.join-us-heading p {
		margin-bottom: 7rem;
	}
	.join-item {
		margin-left: 65px;
	}
	.workshop-section {
		padding-bottom: 1.5rem;
	}
	.workshop-item {
		margin-bottom: 10rem;
	}
	.workshop-heading p {
		margin-bottom: 8rem;
	}
	.workshop-item h3 {
		margin-top: 38px;
		margin-bottom: 15px;
	}
	.steps-section .container {
		max-width: 100%;
	}
	.step-col::after {
		width: 126%;
		right: 15%;
	}
	.experience-section {
		padding-bottom: 4rem;
	}
	.experience-item {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10rem;
	}
	.play-item-right {
		flex-direction: column;
	}
	.footer-row .col-auto:nth-child(2) {
		margin-top: 9rem;
	}
	.footer-row .col-auto:last-child {
		margin-top: 9rem;
	}
	section.join-section .col-sm-6 {
		max-width: 50% !important;
	}
	.join-us-heading p ,.steps-heading p,.why-heading p,.experience-heading p{
		font-size: 20px;
		line-height: 1.4em;
	}
	.join-us-heading h2,.workshop-heading h2,.steps-heading h2,.experience-heading h2 {
		font-size: 32px;
		line-height: 1.4em;
	}
	.experience-heading p {
		
		margin-bottom: 65.09px;
	}
	.footer-area {
		padding-top: 70px;
		padding-bottom: 60px;
	}
	.col-auto-left ,.col-auto-right{
		max-width: 100%;
	}
	.hero-section {
		background-color: #4C4C4C;
		padding: 50px 0px 70px 0px;
	}
	.steps-item h4 {
		font-size: 15px;
	}
	.hero-item-left p {
		font-size: 24px;
		line-height: 1.5em;
	}
	.join-item p {
		font-size: 18px;
		line-height: 1.4em;
		margin-top: 10px;
	}
	
}
@media(max-width: 690px) {
	.step-col::after {
		width: 100%;
		right: 30%;
	}
}
@media(max-width: 600px) {
	.step-col::after {
		width: 75%;
		right: 41%;
	}
	.steps-item h3 {
		font-size: 16px;
		line-height: 35px;
		width: 35px;
		height: 35px;
	}
	.step-col::after {
		width: 40%;
		right: 60%;
		top: 15%;
	}
}
@media(max-width: 575px) {
	.header-right-button .btn {
		width: 170px;
	}
	.join-item {
		margin-left: auto;
		margin-right: auto;
		max-width: 160px;
	}
	.workshop-section {
		padding-top: 0;
	}
}
@media(max-width: 520px) {
	.steps-item h4 {
		font-size: 17px;
	}

}