.pink-background{
	overflow-x:hidden !important;
}
.custom_service_item {
    margin:20px;
}
.custom_service_inner {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 20px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding:20px;
	align-items:center;
	border-radius:5px;
	transition:all 0.5s ease;
}
.custom_service_inner:hover{
	background-color:#f62e4f;
}
.custom_service_avatar{
	font-size:20px;
	font-weight: 600 !important;
	line-height: 30px !important;
	color: #000;
	text-wrap:balance;
	transition:all 0.5s ease;
	line-height:1.3 !important;
}
.custom_service_inner:hover .custom_service_avatar {
	color:#fff;
}

.custom_service_inner:hover img{
	filter: brightness(0) invert(1);
}
.row-service .slick-arrow {
	position: absolute;
	z-index: 1;
	bottom: -40px;
	color: #000;
	font-size: 2.5rem;
	left: 50%;
	/* 	transform: translateX(-50%); */
	cursor: pointer;
	line-height: 1em;
	display: flex !important;
	align-items: center;
	transition:all 0.5s ease;
}

.row-service .slick-prev.slick-arrow {
	/* 	margin-right: 30px; */
	transform: translateX(-32px);
}
.row-service .slick-next.slick-arrow {
	transform: translateX(13px);
	/* 	margin-left: 30px; */
}
.row-service .slick-arrow:hover {
	scale:1.2;
	color:#f62e4f;;
}
.creation-wrapper .slick-dots {
	display: flex;
	position: absolute;
	left: 50%;
	gap: 8px;
	transform: translatex(-50%);
	list-style: none;
	margin-left: 0 !important;
	bottom: -65px;
}

.creation-wrapper .slick-dots li button {
	font-size: 0 !important;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	padding: 0 !important;
	border: none;
	display: inline-block;
}

.creation-wrapper .slick-dots li {
	margin: 0 !important;
}

.creation-wrapper .slick-dots li.slick-active button {
	background-color:#f62e4f !important;
}

.creation-wrapper .slick-dots li button {
	background-color: #e7e7e7 !important;
}
.page-id-2348 .elementor-lightbox{
	display:none !important;
}
.jobpoststit-cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center
}

.job-tit {
    font-weight: 700;
    font-size: 30px;
    color: #f62e4f;
    font-family: poppinsbold
}

.jobposts-block {
    border: 1px solid #ededed;
    padding: 25px;
    max-width: 980px;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: rgba(100,100,111,.2)0 7px 29px;
	background-color:#fff;
}

.jobposts-block+.jobposts-block {
    margin-top: 30px
}

.apply-now-button {
    font-size: 15px;
    padding: 15px 28px;
    text-decoration: none!important;
    background:#f62e4f;
	border-radius: 50px;
	text-transform:uppercase;
	transition:all 0.3s ease;
	border: 1px solid #f62e4f;
	font-weight: 600;
	color:#fff;
	display:inline-block;
}

.apply-now-button:hover {
    background: transparent !important;
    color: #f62e4f;
}

.wpcf7 form.invalid .wpcf7-response-output {
    width: min(700px, 100%);
    margin: auto;
    background-color: #909090;
    color: #fff;
    border: 0px;
}

.jobposts_content ul {
    margin: 0!important
}

.jobposts_content li {
    font-size: 17px!important;
    position: relative;
    padding-left: 30px!important;
    color: #1e1d1d!important;
    padding-bottom: 5px!important;
    list-style: none
}

.jobposts_content ul li:before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f62e4f;
    position: absolute;
    left: 0;
    top: 5px;
    content: ''
}

.modal-st {
    position: fixed;
    left: 25px;
    right: 25px;
    top: 0;
    z-index: 4000;
    display: none;
    bottom: 30px;
    height: 100%;
    overflow-y: auto;
    z-index: 99999;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .6s;
    animation-name: animatetop;
    animation-duration: .6s
}

.frm-pops {
    position: absolute;
    width: min(600px, 92%);
    margin-inline: auto;
    background-color: #f62e4f;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 40px;
    box-shadow: -1px 3px 13px rgb(0 0 0 / .1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    color: #fff;
    margin-bottom: auto;
    margin-top: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.heading-style {
    font-size: 28px;
    margin: 0 0 20px
}

.modal-st::-webkit-scrollbar {
    width: 2px
}

.modal-st::-webkit-scrollbar-track {
    background: 0 0
}

.modal-st::-webkit-scrollbar-thumb {
    background: #888
}

* add animation */ @-webkit-keyframes animatetop {
    from {
        top: -20%;
        opacity: 0;
    }

    to {
        top: 0%;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -20%;
        opacity: 0
    }

    to {
        top: 0%;
        opacity: 1
    }
}

.modal-bg {
    background: rgb(0 0 0/84%);
    zoom:1;filter: alpha(opacity=80);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: auto!important;
    overflow-x: hidden!important
}

.modal-st .close {
    color: #fff!important;
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 12px;
    font-weight: 700;
    cursor: pointer
}

.job-contact .forms-row {
    grid-template-columns: repeat(auto-fit,minmax(213px,1fr));
    display: grid;
    gap: 20px
}

.form-contact>* {
    margin-top: 30px
}

.frm-pop .form-send {
    background-color: #fff!important;
    color: #f62e4f!important;
    font-size: 14px;
    padding: 16px 28px;
    margin-top: 8px;
	text-decoration:none !important;
	border-radius:50px;
}

.job-contact input:not(.form-send,.fileattach),.job-contact textarea {
    padding: 12px!important;
    font-size: 15px
}

.job-contact br {
    display: none
}

.fileattach {
    color: #fff;
	display: block;
	visibility:unset !important;
}

.job-contact span.wpcf7-not-valid-tip {
    color: #fff;
    margin-top: 4px
}
.jobposts_content h4 {
    font-size: 20px;
    margin: 25px 5px;
    color: #000 !important;
}
.job-contact :is(input,textarea){
	border-radius:5px;
}
.job-contact :is(input,textarea):focus{
	outline:none !important;
}
.job-contact label {
    color: #fff;
}
.heading-style {
    font-size: 28px;
    margin: 0 0 10px;
	color:#fff !important;
}
.case-studies-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.case-study-item {
    border: 1px solid #ededed;
    padding: 15px;
    border-radius: 20px;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, .2) 0 7px 29px;
    background-color: #fff;
}
.case-study-item img{
	border-radius: 15px !important;
	width:100%;
}
.case-study-title {
    font-weight: 500 !important;
    font-size: 24px;
    line-height: 1.2 !important;
    margin: 20px 0;
    text-wrap: balance;
}
.case-study-item img {
    border-radius: 15px !important;
    width: 100%;
    height: 315px !important;
    object-fit: cover;
}
.case-cont input,.case-cont textarea{
	margin-bottom:15px;
}
span.required-error {
    display: inline-block;
    margin-bottom: 8px;
    position: relative;
    top: -5px;
    font-size: 14px;
    margin-left: 4px;
}
@media screen and (max-width: 768px) {
    .jobpoststit-cont {
        align-items: center;
        gap: 30px;
        flex-direction: column;
		text-align: center;
    }
	.job-contact .forms-row {
    gap: 0px;
    }
	.case-studies-wrapper {
    grid-template-columns: 1fr;
    }
	.case-study-excerpt .apply-now-button { width:150px; text-align:center; margin: 0 auto; display:block; }
	.jobposts-block { padding-bottom: 130px; position: relative; }
	button.apply-now-button.p-btn { position: absolute; bottom: 35px; }
	.inner-banner-sec .elementor-heading-title {background: rgba(255, 255, 255, 0.5); padding: 20px; color:#000!important}
	.reverse .e-con-inner { display:flex; flex-direction:column-reverse!important;}
}
@media screen and (max-width: 480px) {
	.elementor-element.elementor-element-f7f90a6.elementor-widget.elementor-widget-shortcode, .elementor-element.elementor-element-1cb047e.elementor-widget.elementor-widget-shortcode { display:flex; justify-content:center!important;}
	.home .elementor-element.elementor-element-279168c.e-con-full.e-flex.e-con.e-child { margin-top:30px;}
	#site-footer h2 { font-size:15px!important;}
	h1, h2 { font-size:30px!important;}
	h2.custom_service_avatar { font-size:18px!important;}
	h3 { font-size:24px!important;}
	body, p { font-size:15px!important;}
}