.recruiting-counter {
    border-top: 2px solid var(--black);
    border-top-left-radius: 24px;
    padding-top: 87px
}

.recruiting-counter::after {
    top: -5px;
    right: -6px;
    height: 0;
    width: 0;
    transform: rotate(-45deg);
    border-left-color: transparent;
    border-bottom-color: var(--black);
    border-style: solid;
    border-width: 0 0 12px 12px;
    content: "";
    display: inline-block;
    position: absolute
}

.recruiting-counter .slick-list {
    overflow: inherit
}

.recruiting-line {
    left: -1px;
    top: -89px;
    width: 165.2px;
    height: 84px;
    border: 2px solid var(--black);
    border-radius: 24px 0 0 0;
    border-right: none;
    border-bottom: none;
    position: absolute
}

.recruiting-ring {
    width: 72px;
    height: 72px;
    left: -36px;
    top: -36px;
    z-index: -1;
    position: absolute;
    opacity: .15;
    border-radius: 50%;
    background-image: var(--Gradient-Horizontal)
}

.dot-ring {
    top: -12px;
    left: -12px;
    outline: 4px solid var(--white);
    border: 8px solid var(--black);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block;
    position: absolute
}

.recruiting-text {
    padding: 24px;
    background-color: var(--white);
    font-size: 1rem;
    line-height: 20px;
    box-shadow: 0 0 80px rgba(58, 24, 106, .2);
    border-radius: 16px;
    position: relative;
}

.recruiting-count h2 {
        margin-bottom: 9px;
    color: #000 !important;
}

.recruiting-count span:not(.recruiting-count p span) {
   color: var(--Dark-parma-violet);
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    display: block;
}

.recruiting-title {
    font-size: 20px;
    line-height: 28px
}

.recruiting-counter.slick-slider .slick-arrow {
    top: -32px;
    right: 0;
    width: 64px;
    height: 64px
}

.recruiting-counter.slick-slider .slick-arrow::after {
    right: 24px;
    width: 20px;
    height: 20px;
    border-bottom-width: 6px;
    border-right-width: 6px
}

.recruiting-counter.slick-slider .slick-arrow.slick-prev {
    left: -32px
}

.recruiting-counter.slick-slider .slick-arrow.slick-prev::after {
    left: 24px
}
.recruiting-counter.slick-slider .slick-prev:before,
 .recruiting-counter.slick-slider .slick-next:before{
	display:none;
}
 .recruiting-counter.slick-slider .slick-next::after {
    right: 23px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 30px;
    height: 30px;
    border-color: var(--white);
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-right-width: 8px;
    border-right-style: solid;
    content: "";
    display: inline-block;
    position: absolute;
}
.recruiting-counter.slick-slider .slick-prev:after{
	right: 23px;
    top: 50%;
    transform: translateY(-50%) rotate(136deg);
    width: 30px;
    height: 30px;
    border-color: var(--white);
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-right-width: 8px;
    border-right-style: solid;
    content: "";
    display: inline-block;
    position: absolute;
}
.recruiting-counter.slick-slider .slick-arrow.slick-prev.slick-disabled{
    opacity: 0;
}
.recruiting-counter.slick-slider .slick-arrow.slick-prev{
	opacity: 1;
}
@media only screen and (min-width: 1024px) {
    .recruiting-section {
        z-index:1
    }

    .recruiting-main {
        padding: 0 0 133px
    }

    .recruiting-head::before {
        width: 120px;
        height: 100%;
        left: -120px;
        top: 0;
        content: "";
        display: block;
        position: absolute;
        background-color: var(--white)
    }

    .recruiting-title {
        max-width: 700px;
        margin-bottom: 68px;
        padding-right: 80px;
        background-color: var(--white)
    }

    .recruiting-dots {
        display: none;
        right: 0;
        left: 0;
        top: 0;
        max-width: 1600px;
        margin: 0 auto;
        width: 100%;
        height: 116px;
        background-image: url('images/spacer.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        opacity: .15;
        position: absolute;
        z-index: -1
    }

    .recruiting-count {
               width: 210px;
        margin-right: 56px;
        position: relative;
    }

    .recruiting-count:nth-child(2n) {
        transform: translateY(72px)
    }

    .recruiting-count:nth-child(2n) .recruiting-line {
        top: -161px;
        height: 156px
    }
}

@media only screen and (max-width: 1299px) and (min-width:1024px) {
    .recruiting-counter {
        margin-left:34px
    }

    .recruiting-count {
        width: 248px;
        margin-right: 76px
    }

    .recruiting-text {
        padding: 32px
    }

    .recruiting-counter.slick-slider .slick-arrow {
                right: 58px;
        border-radius: 300px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s ease-in-out;
        z-index: 2;
        background: var(--Gradient-Horizontal);
        top: -5px;
    }
}

@media only screen and (max-width: 1023px) and (min-width:768px) {
    .recruiting-head {
        margin-bottom:66px
    }

    .recruiting-title h2 {
        font-size: 40px;
        line-height: 48px
    }

    .recruiting-counter {
        margin-left: 34px
    }

    .recruiting-count {
        width: 248px;
        margin-right: 76px;
		position:relative;
    }

    .recruiting-text {
        padding: 32px
    }

    .recruiting-counter.slick-slider .slick-arrow {
		right: 58px;
        border-radius: 300px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s ease-in-out;
        z-index: 2;
        background: var(--Gradient-Horizontal);
        top: -5px;
    }
	.recruiting-counter.slick-slider .slick-arrow.slick-prev {
    left: -32px
	}

	.recruiting-counter.slick-slider .slick-arrow.slick-prev::after {
		left: 24px
	}
	.recruiting-counter.slick-slider .slick-prev:before,
	 .recruiting-counter.slick-slider .slick-next:before{
		display:none;
	}
	 .recruiting-counter.slick-slider .slick-next::after {
		right: 23px;
		top: 50%;
		transform: translateY(-50%) rotate(-45deg);
		width: 30px;
		height: 30px;
		border-color: var(--white);
		border-bottom-style: solid;
		border-bottom-width: 8px;
		border-right-width: 8px;
		border-right-style: solid;
		content: "";
		display: inline-block;
		position: absolute;
	}
	.recruiting-counter.slick-slider .slick-prev:after{
		right: 23px;
		top: 50%;
		transform: translateY(-50%) rotate(136deg);
		width: 30px;
		height: 30px;
		border-color: var(--white);
		border-bottom-style: solid;
		border-bottom-width: 8px;
		border-right-width: 8px;
		border-right-style: solid;
		content: "";
		display: inline-block;
		position: absolute;
	}
	.recruiting-counter.slick-slider .slick-arrow.slick-prev.slick-disabled{
		opacity: 0;
	}
	.recruiting-counter.slick-slider .slick-arrow.slick-prev{
		opacity: 1;
	}
}

@media only screen and (max-width: 767px) and (min-width:200px) {
    .recruiting-main {
        padding:40px 0
    }

    .recruiting-head {
        margin-bottom: 66px
    }

    .recruiting-title h2 {
        font-size: 40px;
        line-height: 48px
    }

    .recruiting-counter {
        margin-left: 34px
    }

    .recruiting-count {
              width: 248px;
        margin-right: 76px;
        position: relative;
    }

    .recruiting-text {
        padding: 32px
    }

    .recruiting-counter.slick-slider .slick-arrow {
               right: 10px;
        background-image: linear-gradient(90deg, #897ae9 0, #3a186a 100%);
        border-radius: 300px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s ease-in-out;
        z-index: 2;
        top: -5px;
    }
	.recruiting-counter::after{
		display:none;
	}
}