.hiring-btn-career {
	background: linear-gradient(93.92deg, #fdcd71 1.86%, #f47e72 20.07%, #d151b8 48.33%, #9a57d1 76.32%, #7245de 103.17%);
	border-radius: 68px;
	padding: 3px 13px;
	font-weight: 400;
}

.blog-shadow-info {
	background-color: #f4f7fa;
	border-radius: 40px;
	padding: 25px;
}

.crr-jobs-box-main {
	background-color: #ffffff;
	border: 1px solid #e5eaf4;
	box-shadow: 5px 15px 26.6667px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
	padding: 20px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.crr-jobs-box-main span {
	background-color: #f4f7fa;
	border-radius: 1828.57px;
	display: inline-block;
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	color: #000000;
	padding: 7px 13px;
	margin-bottom: 10px;
}

.crr-jobs-box-hdr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	min-width: 70px;
	height: 70px;
	background-color: #ffffff;
	box-shadow: 0px 0px 21px rgb(0 0 0 / 10%);
	border-radius: 50%;
}

.crr-jobs-box-hdr img {
	max-height: 40px;
	max-width: 40px;
}

.crr-jobs-box-ctr h3 {
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.152381px;
	color: #111827;
	margin: 15px 0 10px 0;
}

.crr-jobs-box-ctr bdi {
	font-size: 14px;
	line-height: 18px;
	color: #183b56;
}

.deatil-hero-bg {
	background: url("../integration-detail-bg.html");
	background-repeat: no-repeat;
	background-size: cover;
}

.text-rght-info-interga bdi {
	font-weight: 700;
	font-size: 30px;
	color: #000000;
	padding: 0 0 15px 0;
	display: block;
	line-height: normal;
}

.text-rght-info-interga p {
	font-weight: 400;
	font-size: 16px;
	color: #183b56;
	line-height: 24px;
}

.text-rght-info-interga ul {
	list-style: disc;
	padding: 0 0 0 20px;
}

.text-rght-info-interga ul li::marker {
	color: #183b56;
}

.integrationsdeatil-info .ps-md-5 {
	padding: 0 !important;
}

.text-rght-info-interga {
	padding: 0 0 25px 0;
}

.integrationsdeatil-imags {
	top: 0;
	bottom: 0;
	right: 0;
	transform: translate(-170px, 45px);
}

.deatil-fix-wdith .integrationsdeatil-imags img {
	width: 90px;
	height: 90px;
	object-fit: contain;
}

.deatil-fix-wdith img {
	width: 490px;
}

.blog-shadow-size-info .crr-jobs-box-hdr img {
	max-width: 100%;
	max-height: 100%;
}

.text-inter-deatils .ps-md-5 {
	padding-left: 0 !important;
}

.text-rght-info-interga ul li p {
	margin-bottom: 5px;
}

.ctr-mdl-cust-imgs img {
	width: 75px;
	height: 75px;
	object-fit: contain;
}

.crr-jobs-box-arrows {
	font-weight: 600;
	font-size: 14px;
	color: #6f5aec;
	line-height: 0px;
	margin-top: 10px;
}

.crr-jobs-box-main-top .crr-jobs-box-ctr bdi {
	font-size: 14px;
	line-height: 20px;
	color: #183b56;
	padding-bottom: 15px;
}

.bg-image-top {
	background: url("../png/pulgins-bg-top.png");
	background-repeat: no-repeat;
	/* background-size: cover; */
	height: 100%;
}

.bg-hero-top {
	background: url("../png/details-bg-image.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
	position: relative;
	z-index: 1;
}

.dtls-page-plgs {
	background-color: #f4f7fa;
	border: 0.5px solid rgba(0, 0, 0, 0.1);
	border-radius: 40px;
	padding: 50px;
}

.dtls-page-plgs-text h2 {
	font-weight: 700;
	font-size: 28px;
	color: #000000;
	margin-bottom: 3px;
}

.dtls-page-plgs-text p {
	font-size: 15px;
	color: #183b56;
	margin-bottom: 8px;
}

.dtls-page-plgs-list {
	list-style: disc;
	padding-left: 25px;
}

.dtls-page-plgs-text {
	padding-bottom: 15px;
}

.img-smal-left-info {
	background-color: #ffffff;
	box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.12);
	border-radius: 34px;
	width: 140px;
	height: 140px;
	min-width: 140px;
	margin-right: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bg-hero-top .comn-info-text h1 {
	font-size: 50px;
	margin: 8px 0;
}

.bg-hero-top .comn-info-text p {
	font-size: 16px;
	margin: 0;
}

.img-smal-left-info img {
	max-width: 95px;
	object-fit: contain;
}

.space-class-top-bottom-top.space-class-top-bottom {
	padding: 0;
}

.crr-jobs-box-main-top .crr-jobs-box-main {
	padding: 30px 25px;
}

.bg-hero-top .btn-new-class1 {
	position: relative;
}

/* .crr-jobs-box-main-fix .ctr-mdl-cust-imgs img {
	width: 135px;
	height: 50px;
} */

.dots-svg-fix-main {
	display: inline-block;
}

.dots-svg-fix {
	right: 8px;
	top: -5px;
	position: absolute;
}

.dots-svg-fix-large {
	right: 22px;
	top: -15px;
}

.integration-bggradt-box {
	padding: 75px 35px;
	background: url("../png/bggradut-info.png") #000000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 32px;
}

.coming-soon-div {
	background: linear-gradient(91.49deg, #ff850c 1.79%, #ffcc00 78.64%);
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	height: 25px;
	right: -38px;
	position: absolute;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	top: 30px;
	transform: rotate(45deg);
	width: 160px;
	line-height: 25px;
}

.lern-btn-more {
	background-color: #000000;
	border-radius: 10px;
	border: 0;
	outline: 0;
	font-weight: 500;
	font-size: 15px;
	color: #ffffff;
	padding: 11px 18px;
	align-items: center;
	transition: all 0.3s;
	cursor: pointer;
}

.btn-new-plan-info {
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 10px;
	outline: 0;
	font-weight: 500;
	font-size: 15px;
	padding: 13px 25px;
	display: inline-flex;
	align-items: center;
	transition: all 0.3s;
	cursor: pointer;
}

.btn-new-plan-info:hover {
	box-shadow: 0px 11px 22px rgb(253 73 138 / 25%);
	background-color: #eb5a95;
	border-color: #eb5a95;
}

.btn-new-plan-box .btn-new-class2 {
	border: 1px solid #eb5a95;
}

.btn-new-plan-box a {
	width: 180px;
	text-align: center;
	justify-content: center;
	margin: 0 10px;
}

.book-demo-link {
	display: inline-block;
	transition: all 0.3s;
}

.book-demo-link:hover {
	transform: translate(0, -2px);
}

.src-box-blogs {
	max-width: 700px;
}

.src-box-blogs .form-control {
	padding-left: 40px;
	height: 46px;
}

.src-box-blogs svg {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
}

.src-box-blogs .form-select {
	background-color: #f4f7fa;
	border: 1px solid rgba(216, 214, 222, 0.5) !important;
	border-radius: 8px;
	height: 46px;
	width: 175px;
	font-weight: 400;
	font-size: 14px;
	color: #183b56;
	box-shadow: none !important;
	background-image: url(https://cdn.rentechdigital.com/common_files/common/frm-select-icon.svg);
	background-size: 12px 7px;
}

.integration-bggradt-box.comn-info-text h2{
	font-size: 32px;
}

.plugin-serch-cust-tabs-scroll ul li span{
	font-weight: 500;
	color: #000000;
	font-size: 15px;
	text-transform: capitalize;
	position: relative;
    padding: 14px 24px 15px;
    border-radius: 10px;
    background-color: transparent;
    color: #0f0f0f;
    text-decoration: none;
    cursor: pointer;
	display: block;
	line-height: normal;
}

.plugin-serch-cust-tabs-scroll ul li.active span{
    background-color: #6f5aec;
	color: #fff;
}

.crr-jobs-box-main-fix .plugin-patu-size{
	width: 300px;
}

/*--------------------------------------------- media query ---------------------------------------------*/
@media (max-width: 1599px) {
	.integrationsdeatil-imags {
		transform: translate(-148px, 46px);
	}
}

@media (max-width: 1399px) {
	.integrationsdeatil-imags {
		transform: translate(-98px, 46px);
	}
}

@media (max-width: 1199px) {
	.text-rght-info-interga bdi {
		font-size: 30px;
	}

	.deatil-fix-wdith {
		width: 440px;
		margin-left: auto;
	}

	.integrationsdeatil-imags {
		transform: translate(-50px, 36px);
	}
}

@media (max-width: 991px) {
	.deatil-fix-wdith {
		width: 370px;
		margin-left: auto;
	}

	.integrationsdeatil-imags {
		transform: translate(-43px, 31px);
	}

	.deatil-fix-wdith .integrationsdeatil-imags img {
		width: 75px;
		height: 75px;
	}

	.dtls-page-plgs {
		padding: 30px;
	}

	.img-smal-left-info {
		width: 110px;
		height: 110px;
		min-width: 110px;
		margin-right: 25px;
	}

	.bg-hero-top .comn-info-text h1 {
		font-size: 34px;
	}

	.dtls-page-plgs-text h2 {
		font-size: 26px;
	}

	.dtls-page-plgs-text p {
		font-size: 14px;
	}

	.crr-jobs-box-main-top .crr-jobs-box-main {
		padding: 20px;
	}
/* 
	.crr-jobs-box-main-fix .ctr-mdl-cust-imgs img {
		max-width: 100px;
	} */

	.dots-svg-fix-large {
		right: 16px;
	}

	.bg-hero-top .btn-new-class1 {
		width: 100%;
		padding: 12px 15px 13px 15px;
		justify-content: center;
		text-align: center;
	}

	.bg-image-top{
		background-size: cover;
	}
}

@media (max-width: 767px) {
	.integration-bggradt-box {
		padding: 20px;
	}

	.blog-shadow-info {
		padding: 15px;
	}

	.text-rght-info-interga bdi {
		font-size: 20px;
	}

	.deatil-fix-wdith {
		width: 340px;
		margin: auto;
	}

	.deatil-fix-wdith img {
		width: 340px;
		margin: auto;
	}

	.integrationsdeatil-imags {
		transform: translate(-37px, 25px);
	}

	.crr-jobs-box-main-top .crr-jobs-box-ctr bdi {
		overflow: unset;
		display: block !important;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
		height: auto;
	}

	.crr-jobs-box-ctr h3 {
		font-size: 16px;
	}

	.bg-hero-top .comn-info-text h1 {
		font-size: 22px;
	}

	.dtls-page-plgs {
		padding: 20px;
		border-radius: 20px;
	}

	.dtls-page-plgs-text h2 {
		font-size: 20px;
	}

	.bg-hero-top {
		padding: 30px 0;
	}

	.img-smal-left-info {
		width: 70px;
		height: 70px;
		min-width: 70px;
		margin-right: 15px;
		border-radius: 15px;
		margin-bottom: 15px;
	}

	.bg-hero-top .comn-info-text p {
		font-size: 14px;
		line-height: 22px;
	}

	.img-smal-left-info img {
		max-width: 60px;
	}

	.bg-hero-top .hiring-btn-career {
		position: absolute;
		top: 20px;
		right: 0;
		max-width: calc(100% - 80px);
		margin-left: auto;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dots-svg-fix-large {
		right: 11px;
		top: -8px;
	}

	.btn-new-plan-box a {
		width: 130px;
		margin: 0 5px;
		padding: 13px 10px;
		font-size: 13px;
	}

	.integration-bggradt-box.comn-info-text h2 {
    	font-size: 20px;
	}

	.plugin-serch-cust-tabs-scroll ul {
		display: block;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.plugin-serch-cust-tabs-scroll ul li{
		display: inline-block;
	}

	.plugin-serch-cust-tabs-scroll ul li span{
		padding: 10px 25px;
    	font-size: 13px;
	}

	.crr-jobs-box-main-fix .plugin-patu-size {
    	width: 100%;
	}
}

@media (max-width: 575px) {
	.src-box-blogs .form-select {
    	width: 100%;
	}
}