.main_banner {
	height: 600px;
	position: relative;
	margin-top:100px
}

.banner {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url(/wp-content/uploads/2025/06/headerrr2.png);
	background-size: cover;
	background-position: center;
	z-index: 2;
}


canvas {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-48%, -55%);
	z-index: 1;
}

.activity {
	padding: 20px 0px;
	width: 100%;
	background: linear-gradient(to right, var(--mc) 0%, #D8FFF7 100%);
	overflow: hidden;
}

.slider_active {
	display: flex;
	width: 1250px;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.category {
	width: 1250px;
	margin: 60px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	flex-direction: column;
}

.category_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

.category_title div {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}

.category_title img {
	width: 30px;
}

.category_content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
}

.category_box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 15px;
	height: 370px;
	background: url(https://adminnet.ir/wp-content/uploads/2025/07/back-desk.png);
	background-size: cover;
	padding: 12px 19px 0px 15px;
	width: 100%;
	align-items: center;

}

.category_title_box {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	width: 100%;
}

.category_title_box div {
	color: #fff;

	font-size: 20px;
}

.category_title_box img {
	width: 30px;
}

.category_box p {
	font-size: 16px;
	color: #fff;
	font-weight: 100;
	line-height: 23px;
	text-align: right;
}

.center_circle {
	overflow: hidden;
	display: grid;
	align-content: center;
	justify-content: center;
	position: relative;
}

.center_circle>div {
	width: 2300px;
	height: 2100px;
	border: 2px solid #10ffcb2c;
	background: rgb(0, 0, 0, 0.2);
	border-radius: 50%;

}

.project {
	width: 1250px;
	margin: 50px auto;
}

.project_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

}
.project_title div {
	color: #fff;
	font-size: 30px;
}
.project_title img {
	width: 30px;
}
.project_description{
	margin: 30px auto;
	color: #ffff;
	font-size: 18px;
	width: 800px;
	text-align: center;
}
.project_content{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 100px 0;
}
.project_content_slide{
	width: 48%;
}
.project_content_img{
	width: 48%;
}
.project_content_img img{
	width: 100%;
}
.project_content_slide_content{
	color: #ffff;
	font-size: 18px;
	margin: 0px 0px 10px;
}
.swiper-slide-shadow{
	background: transparent !important;
}
.slide_content{
	display: flex;
	justify-content: end;
	padding-right: 60px;
	padding-left: 170px;
}
.box_btn{
	padding: 6px 10px;
	background: var(--mc);
	border-radius: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
#arrow_project::after{
	font-size: 20px;
	color: #fff;
}
.contact_banner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1250px;
	background: var(--mc);
	border-radius: 18px;
	padding: 0px 25px 0px 20px;
	margin: 0 auto;
}
.contact_banner div{
	display: flex;
	font-size: 25px;
	flex-direction: column;
}
.circle_about_us{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	width:1250px;
	margin:30px auto;
}
.circle_about_us p{
	color: white;
	font-size: 20px;
	line-height: 43px;
}
.contact_form{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1250px;
	margin: 10px auto;
	background: linear-gradient(to left, transparent 0%, #10ffcb47  100%);
	gap: 100px;
	border: 4px solid #10ffcb2c;
	border-radius: 15px;

}
.contact_form form{
	width: 50%;
	margin: 15px 0;
}
.contact_form img{
	width: 430px;
}
.form_title {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 15px;
	margin: 10px 0;
}
.form_title div {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
.form_title img {
	width: 30px;
}
.input_box{
	display: inline-flex;
	flex-direction: column;
	gap: 8px;
	width: 47%;
	margin: 10px 3px;
}
.input_box label{
	color: #fff;

}
.input_box input{
	padding: 6px 3px;
	border-radius: 6px;
}
.input_box textarea{
	border-radius: 6px;
	height: 100px;
}
.input_box:last-of-type{
	width: 100%;
	display: flex;
}
.why_adminnet{
	width: 1250px;
	margin: 50px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.adminnet_box1{
	height: 260px;
	background: url(/wp-content/uploads/2025/04/Group-1171274825-1.png);
	border-radius: 15px;
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: bottom;
}
.adminnet_box1 span{
	text-align: center;
	font-size: 45px;
}
.adminnet_box2{
	background: #fff;
	border-radius: 15px;
	width: 40%;
	padding: 25px;
}
.adminnet_box2 ul li{
	font-size: 18px;
	line-height: 35px;
}
.adminnet_box3{
	height: 260px;
	background: linear-gradient(120deg,rgba(16, 255, 203, 1) 0%, rgba(255, 255, 255, 1) 70%);
	border-radius: 15px;
	width: 30%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.adminnet_box3 ul{
	list-style:disc;
}
.adminnet_box3 span{
	font-size: 25px;
	font-weight: bold;
}
.adminnet_box3 span:nth-child(2){
	font-size: 40px;
}
.comment{
	width: 1250px;
	margin:80px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.comment_img{
	width: 100%;
	position:relative;
	height: 550px;
}
.comment_img div{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
}
.comment_img img{
	max-width: inherit;

}
@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}

	100%{
		transform: rotate(360deg);
	}

}

.comment_content{
	width: 50%;
}
.comment_box{
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 20px 40px;
	background: #d9d9d92f;
	border-radius: 8px;
}
.comment_box p{
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 40px;
}
.comment_box span{
	color:#fff
}
.comment_footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	background: #d9d9d92f;
	border-radius: 8px;
	margin-top: 15px;
}
.comment_footer span{
	color: #fff;
	font-size: 23px;
}
.contact_us_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin: 10px 0;
}
.contact_us_title div {
	font-size: 27px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.contact_us_title img {
	width: 30px;
}
.contact_us{
	padding: 15px;
	border-radius: 8px;
	width: 1250px;
	margin: 50px auto;
	background: linear-gradient(90deg, rgba(2, 58, 114, 0.37) 0%, rgba(171, 243, 230, 0.08) 100%);
}
.contact_us_description{
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.contact_link{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 15px;
}
.contact_link a{
	background: #fff;
	padding: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	border-radius: 25px;
}
.contact_link a{
	padding:5px;
}
.faq{
	width: 1250px;
	margin: 80px auto;
}
.faq_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin: 10px 0;
}
.faq_title div {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
.faq_title img {
	width: 30px;
}
.faq_box{
	margin-bottom: 15px;
}
.faq_box_title{
	padding: 15px;
	color: #fff;
	border: 2px solid #686868;
	border-radius: 8px;
	font-size: 20px;
	position:relative;
}
.faq_box_title:before{
	content: "\f103";
	font-family: 'FontAwesome';
	position:absolute;
	top:50%;
	left:30px;
	transform:translatey(-50%);
}
.faq_box p{
	color: white;
	margin-top: 15px;
	line-height: 25px;
	max-height: 0px;
	overflow: hidden;
	transition: 0.3s linear;
}
.faq_box.active p{
	max-height: 2000px;
}
.faq_box.active .faq_box_title{
	background: var(--mc);
	color: black;
}
.blog{
	width: 1250px;
	margin:40px auto;   
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.blog_title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin: 10px 0;
}
.blog_title div {
	font-size: 25px;
	color: #fff;
	font-weight: bold;
}
.blog_title img {
	width: 30px;
}
.blog_box{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 15px;
	margin: 20px 0px;
	width:100%;
}

.blog_box_content{
	width: 32%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background: #fff;
	border-radius: 15px;
	align-items: start;

	justify-content: space-between;
}
.blog_box_content div ,  .blog_box_content_big > div:first-child div{
	font-size: 25px;
}
.blog_box_content_big{
	padding: 20px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	width: 66%;
}
.blog_box_content_big > div:first-child{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}
@media screen and (max-width:1024px){
	.category , .contact_form , .why_adminnet , .comment , .contact_us , .faq , .blog ,.project ,.footer_content ,.contact_banner ,.circle_about_us{
		width:100%;   
	}
}
@media screen and (max-width:724px){
	.main_banner{
		height:370px; 
	}
	.category_box{
		width:45%;
		background: url(https://adminnet.ir/wp-content/uploads/2025/07/back-mobile.png);
		height: 415px;
		background-size: cover;
	}
	.category_content{
		flex-wrap:wrap;
	}
	.center_circle>div{
		width:100%;
		background:transparent;
		border:none;
	}
	.center_circle{
		display:block; 
		padding: 10px;
	}
	.project_description{
		width:85%; 
	}
	.contact_banner div{
		font-size: 23px;
		line-height: 45px;
		text-align: center
	}
	.circle_about_us p{
		font-size: 18px;
		line-height: 35px;
	}
	.contact_form img{
		width:200px; 
	}
	.adminnet_box2 ul li{
		font-size: 18px;
		line-height: 30px;
		list-style: disc;
	}
	.adminnet_box1 span{
		font-size:30px;  
	}
	.form_title img{
		width:30px;  
	}
	.adminnet_box3 span{
		font-size:22px; 
	}
	.comment{
		flex-wrap:wrap;
	}
}
@media screen and (max-width:500px){
	.main_banner{
		height:250px;
		margin-top:70px;
	}
	.category_box p{
		font-size:13px;
	}
	.category_title_box div{
		font-size:15px; 
	}
	.project_title div{
		font-size:20px;
	}
	.project_description{
		font-size:18px;  
	}
	.project_content{
		flex-wrap:wrap;
		margin: 45px 0;
	}
	.project_content_slide , .project_content_img{
		width: 95%;
		margin: 0 auto;
		text-align: center;
	}
	.contact_banner{
		flex-wrap: wrap;
		gap: 15px;
		padding: 20px;
		justify-content: center;
	}
	.contact_banner + div + div{
		margin-top: -300px !important;
	}
	.contact_banner + div + div img{
		width:350px !important;
	}
	.contact_form form{
		width:90%;  
	}
	.contact_form > img{
		width:330px;  
	}
	.contact_form{
		flex-wrap:wrap;
		gap:20px;
		width: 95%;
	}
	.why_adminnet{
		flex-wrap:wrap; 
	}
	.adminnet_box1 , .adminnet_box2 , .adminnet_box3{
		width:90%; 
	}
	.comment_content {
		width:95%; 
	}
	.comment_img{
		display:none;
	}
	.blog_box_content div, .blog_box_content_big > div:first-child div{
		font-size:14px;   
	}
	.blog_box{
		flex-wrap:wrap;
	}
	.blog_box_content{
		width:45%;
	}
	.blog_box_content_big{
		width:45%; 
	}
	.circle_about_us img{
		display:none; 
	}
	.slide_content{
		padding-right: 30px;
		padding-left: 100px;
	}
	.contact_banner img{
		display:none; 
	}
	.adminnet_box1{
		height: 130px;
		font-weight: bold;
	}
	.blog{
		padding:15px;
	}
}