/*===============================
    27.TEAM JOIN css 
================================*/

.team-join{
	margin-top: -135px;
	position: relative;
	z-index: 99;
	& .join-bg{
		background: #dcecff;
		border-radius: 30px;
		padding: 120px 160px 0;
		@media #{$lg} {
			padding: 120px 100px 0;
		}
		@media #{$md} {
			padding: 120px 60px 0;
		}
		@media #{$xs} {
			padding: 120px 5px 0;
		}
		@media #{$sm} {
			padding: 120px 60px 0;
		}
		& .team-join-title{
			& span{
				font-size: 14px;
				font-weight: 700;
				color: $theme-color;
				position: relative;
				&::before{
					position: absolute;
					content: '';
					right: -100px;
					top: 10px;
					height: 2px;
					width: 70px;
					background: $theme-color;
				}
			}
			& .title{
				font-size: 60px;
				line-height: 70px;
				padding-top: 20px;
				@media #{$lg} {
					font-size: 46px;
					line-height: 56px;
				}
				@media #{$xs} {
					font-size: 32px;
					line-height: 42px;
				}
				@media #{$sm} {
					font-size: 46px;
					line-height: 56px;
				}
			}
		}
		& .team-join-btn{
			@media #{$md} {
				margin-top: 30px;
			}
			@media #{$xs} {
				margin-top: 30px;
			}
			& a{
				border-radius: 0;
				background: $theme-color;
				border-color: $theme-color;
				color: $white;
				&:hover{
					background-color: transparent;
					color: $theme-color;
				}
			}
		}
		& .team-join-thumb{
			margin-bottom: -6px;
		}
	}
}