.developer-den-wrapper{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 170px;
}
.developer-den-wrapper .den-banner-sec{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 80px;
}
.developer-den-wrapper .den-banner-sec .text{
	width: 100%;
	height: auto;
	position: relative;
}
.developer-den-wrapper .den-banner-sec .text h2{
	font-weight: 700;
	font-size: 50px;
	color: #231F20;
	margin-bottom: 16px;
}
.developer-den-wrapper .den-banner-sec .text p{
	font-size: 20px;
	color: #797979;
	line-height: 33px;
	margin-bottom: 16px;
}
.developer-den-wrapper .den-banner-sec .text .explore-btn{
	display: table;
	background: #5367FC;
	background: linear-gradient(195.52deg, #00FFC1 -16.77%, #5367FC 109.65%);
	color: #fff;
	padding: 14px 40px;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
	transition: 0.3s;
}
.developer-den-wrapper .den-banner-sec .text .explore-btn:hover{
	background: linear-gradient(0deg, #00FFC1 -16.77%, #5367FC 109.65%);
}
.developer-den-wrapper .den-banner-sec .image{
	width: 100%;
	height: auto;
	position: relative;
}
.developer-den-wrapper .den-banner-sec .image img{
	width: 100%;
}
.developer-den-wrapper .why-choose{
	width: 100%;
    height: auto;
    position: relative;
    background: #FFFDF4;
    padding: 55px 0;
}
.developer-den-wrapper .why-choose .type-part{
	width: 100%;
	height: auto;
	position: relative;
}
.developer-den-wrapper .why-choose .type-part .cat-item{
	text-align: center;
	padding-top: 20px;
}
.developer-den-wrapper .why-choose .type-part .cat-item.pt-60{
	padding-top: 60px;
}
.developer-den-wrapper .why-choose .type-part .cat-item h3{
	font-size: 32px;
	font-weight: 700;
	color: #5367FC;
	line-height: 50px;
}
.developer-den-wrapper .why-choose .type-part .line{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.developer-den-wrapper .why-choose .arrow-text{
	width: 100%;
	display: flex;
	padding-left: 60px;
}
.developer-den-wrapper .why-choose .arrow-text .find{
	font-size: 18px;
	color: #FFDE2D;
	font-weight: 600;
	line-height: 27px;
}
.developer-den-wrapper .den-product{
	width: 100%;
	padding: 80px 0;
}
.developer-den-wrapper .den-product .product-title{
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 40px;
}
.developer-den-wrapper .den-product .product-title h3{
	font-size: 36px;
	font-weight: 700;
	color: #231F20;
}
.developer-den-wrapper .den-product .product-title p{
	font-size: 18px;
	color: #797979;
}
.developer-den-wrapper .den-product .cards{
	width: 100%;
	height: auto;
	position: relative;
	border: 1px solid #00849040;
	border-radius: 20px;
	padding: 16px 32px 32px;
	top:0;
	transition: 0.3s;
}
.developer-den-wrapper .den-product .cards .image{
	width: 100%;
	height: 250px;
	padding: 30px 0;
	text-align: center;
}
.developer-den-wrapper .den-product .cards img{
	height: 100%;
	transition: 0.3s;
}
.developer-den-wrapper .den-product .cards:hover .image img{
	transform: scale(1.1);
}
.developer-den-wrapper .den-product .cards .sub-title{
	color: #797979;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	margin-bottom: 12px;
}
.developer-den-wrapper .den-product .cards .txt-title{
	font-size: 18px;
	font-weight: 500;
	color: #231F20;
	line-height: 27px;
	margin-bottom: 8px;
}
.developer-den-wrapper .den-product .cards .para{
	font-size: 14px;
	color: #797979;
}
.developer-den-wrapper .den-fetures{
	width: 100%;
	height: auto;
	position: relative;
}
.developer-den-wrapper .den-fetures:before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 85%;
	background: #E6E9FF;
	z-index: -9;
}
.developer-den-wrapper .den-fetures .back{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -9;
}
.developer-den-wrapper .den-fetures p{
	color: #797979;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 8px;
}
.developer-den-wrapper .den-fetures h3{
	font-weight: 700;
	font-size: 55px;
	color: #231F20;
	margin-bottom: 24px;
}
.developer-den-wrapper .den-fetures ul{
	margin: 0;
	padding: 0;
}
.developer-den-wrapper .den-fetures ul li{
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	font-size: 18px;
	color: #231F20;
}
.developer-den-wrapper .den-fetures ul li:last-child{
	margin: 0;
}
.developer-den-wrapper .den-fetures ul li .icon{
	margin-right: 16px;
}
.developer-den-wrapper .den-fetures .image{
	width: 100%;
	height: auto;
	position: relative;
}
.developer-den-wrapper .den-fetures .image img{
	width: 100%;
}
.developer-den-wrapper .connect-sec{
	width: 100%;
	height: auto;
	position: relative;
	padding: 60px 0;
}
.developer-den-wrapper .connect-sec .connect-card{
	background: #5367FC;
	padding: 60px 0;
	border-radius: 18px;
	background-image:url(../img/developers-den/connect-back.png);
	background-size: cover;
	text-align: center;
}
.developer-den-wrapper .connect-sec p{
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 18px;
	text-transform: uppercase;
}
.developer-den-wrapper .connect-sec h3{
	font-size: 56px;
	font-weight: 700;
	color: #FFFFFF;
	margin-bottom: 36px;
}
.developer-den-wrapper .connect-sec a{
	display: table;
	margin: auto;
	background: #fff;
	padding: 15px 36px;
	color: #5367FC;
	font-size: 18px;
	font-weight: 500;
	border-radius: 30px;
	transition: 0.3s;
}
.developer-den-wrapper .connect-sec a:hover{
	background: #00FFC1;
	color: #231F20;
}
@media (max-width: 992px) {
	.developer-den-wrapper{
		padding-top: 75px;
	}
	.developer-den-wrapper .den-banner-sec .text{
		text-align: center;
		margin-bottom: 30px;
	}
	.developer-den-wrapper .den-banner-sec .text h2{
		font-size: 32px;
	}
	.developer-den-wrapper .den-banner-sec .text p{
		font-size: 14px;
		line-height: 24px;
	}
	.developer-den-wrapper .den-banner-sec .text .explore-btn{
		font-size: 14px;
		margin-bottom: 20px;
		padding: 10px 30px;
		margin: auto;
	}
	.developer-den-wrapper .why-choose .type-part .cat-item h3{
		font-size: 16px;
	}
	.developer-den-wrapper .why-choose .type-part .cat-item.pt-60{
		padding-top: 40px;
	}
	.developer-den-wrapper .why-choose .arrow-text{
		padding-left: 0;
		margin-top: 10px;
	}
	.developer-den-wrapper .why-choose .arrow-text .find{
		font-size: 16px;
	}
	.developer-den-wrapper .why-choose{
		padding: 30px 0;
	}
	.developer-den-wrapper .den-fetures .back{
		display: none;
	}
	.developer-den-wrapper .den-product{
		padding: 30px 0;
	}
	.developer-den-wrapper .den-banner-sec{
		padding-bottom: 30px;
	}
	.developer-den-wrapper .den-product .product-title h3{
		font-size: 24px;
	}
	.developer-den-wrapper .den-product .product-title p{
		font-size: 14px;
	}
	.developer-den-wrapper .den-product .product-title p br{
		display: none;
	}
	.developer-den-wrapper .den-product .cards{
		margin-bottom: 10px;
	}
	.developer-den-wrapper .den-fetures{
		padding: 30px 0;
	}
	.developer-den-wrapper .den-fetures:before{
		height: 100%;
	}
	.developer-den-wrapper .den-fetures p{
		font-size: 16px;
	}
	.developer-den-wrapper .den-fetures h3{
		font-size: 34px;
	}
	.developer-den-wrapper .den-fetures ul li{
		font-size: 16px;
	}
	.developer-den-wrapper .den-fetures ul li{
		margin-bottom: 20px !important;
	}
	.developer-den-wrapper .den-fetures .image{
		padding: 0 70px;
	}
	.developer-den-wrapper .connect-sec{
		padding: 30px 0;
	}
	.developer-den-wrapper .connect-sec p{
		font-size: 12px;
	}
	.developer-den-wrapper .connect-sec h3{
		font-size: 32px;
	}
	.developer-den-wrapper .connect-sec a{
		font-size: 14px;
	}
	.developer-den-wrapper .connect-sec .connect-card{
		padding: 30px 0;
	}
	.developer-den-wrapper .den-product .cards .para br{
		display: none;
	}
	.developer-den-wrapper .den-product .cards{	
    padding: 16px 16px 20px;
	}
}