:root{
    --color1: #dcdcdc;/*خاکستری مات*/
    --color2: #0cd;/*فیروزه‌ای سید*/
    --color3: #ffed00;/*زرد*/
    --color4: #aaa;/*زرد*/
    --themebg: #e2f2f2;
    --themeborder: #0de;
    --themecolor: #0cd;
	--filterthemecolor: sepia(40%) saturate(7000%) hue-rotate(140deg) brightness(95%) contrast(100%);
}


/* SHORT ACCESS TOP MENU */
.short-access-menu{
	gap: 1rem;
    padding: 0 1rem;
	}
@media (min-width: 0px) {
	main.main {
		margin-top: 5.2rem;
		}
	.brand-box{
		width: 7rem;
		height: 7rem;
		}
	.navbar-brand ,.navbar-brand img {height: 60px}
	.left-header .date{display:none}
	.left-header .date span:first-child{padding-left:0}
	.date{align-items: center; flex-direction:column}
	.date span{
		font-size: 10px;
		}
	.date span:first-child{
		padding-left: 2px;
		}
	.short-access-menu{
		gap: 1rem;
		padding: 0;
		order: 0;
		margin-top: 1rem;
		padding: 1rem
		}
	.short-access-menu-right,
	.short-access-menu-left{
		width:50%
		}
	.slider-before, .slider-after{
		order: 1;
		width: calc(50% - .5rem)
		}
	.site-header {
		flex-wrap: wrap;
		gap:1rem;
		}
	.slider {
		order: 0;
		flex-direction:row;
		width: 100%!important;
		}
		
	.list-box-1 ,
	.list-box-2 {
		width: 25%;
	}
	.last-weblog{
		width: 50%;
	}

}	
.menu-btn-a{
	position: relative;
	display: inline-block;
}
.menu-btn-a:after{background: linear-gradient(to right, #ffed00 5%, #00ccdd 40%)}
.menu-btn-a:before{background: linear-gradient(to left, #ffed00 5%, #00ccdd 40%)}
.menu-btn-a:after,
.menu-btn-a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s ease-out;
}

.menu-btn-a:before {
  top: -5px;
  transform-origin: left;
}

.menu-btn-a:hover:after,
.menu-btn-a:hover:before {
  transform: scaleX(1);
}

@media (max-width: 480px) {
}
@media (max-width: 575px) {
	.left-header .date{display:flex}
	.short-access-menu .h5{
		font-size: 11px;
		}
	.left-header-item {
		width: 4.3rem;
		height: 4.3rem;
		}
	.im-icons {
		justify-content: center;
		}
	.im-icons img {
		width: 34px;
		transform: scale(1);
		}
	.hidden-xs-only{display:none}
	.list-box-1 ,
	.list-box-2 {
		width: 100%!important;
	}
	.last-weblog{
		width: 100%;
	}
	.list-box-1-2{flex-flow:column!important; gap:2rem}	
	.icon-bar-2-item span{opacity:0!important}
}
@media (min-width: 576px) {
	.navbar-brand ,.navbar-brand img {height: 96px;max-height:96px;}
	.show-xxs-only{display:none}
	main.main {
		margin-top: 10.5rem;
	}
	.brand-box{
		width: 12rem;
		height: 12rem;
	}
	.im-icons.show-xs-only {
		width:0%;
		}
	.im-icons img{
		width:24px;
		transform: scale(.86);
		transition: all .7s;
		}
	.im-icons a:hover img{
		transform: scale(1);
		transition: all .25s;
		}
	.short-access-menu{
		order: 0;
		margin-top: 0;
		margin-bottom: 2rem;
		}
	.short-access-menu-right,
	.short-access-menu-left{
		width:40%
		}
	.show-xs-only{display:none!important}
	main.main {
		margin-top: 8.5rem;
		}
	.container-slider{
		/* padding-right: 20px; */
		/* padding-left: 15px; */
		}
	.slider-before {
		margin-left:1rem
		}
	.slider-after {
		margin-right:1rem
		}
	.slider-before,.slider-after{
		order: 0;
		width: 18%;
		}
	.site-header {
		flex-flow: row;
		}

	}	
@media only screen and (max-width: 400px) {
	.short-access-menu {
        flex-direction: column;
		align-items: center;
		margin-top: 2rem;
		gap:0;
		}
	.short-access-menu-right,
	.short-access-menu-left{
		width:100%;
		padding:0 15px;
		}
	.short-access-menu span.hidden-xxs-only {display:none}
	.short-access-menu span {padding:5px}
	.short-access-menu .h5 {font-size: 12px}
	.icon-bar-img img{width:calc(100vw / 3.5) !important;}
	.icon-bar .container {
		padding: 0!important;
	}

}
.date span:first-child{padding-left: 8px}
.date span{
	font-size: 14px;
	font-weight:bold;
	margin:0
	}

.short-access-menu a span{
	transform: scale(1);
	transition: all .7s;
	color:#777!important;
	display:inline-flex;
	min-width: 7rem;
	justify-content: center;
}
.short-access-menu a:hover span{
	transform: scale(1.2);
	transition: all .25s;
	color:var(--color2)!important;
}
.navbar .container {height: 60px}
a.navbar-brand {margin: 0 auto!important}
.brand-box{
	background: #fffd;
	background-color: rgba(255, 255, 255, 0.867);
	border-radius: 50%;
	align-self: baseline;
	backdrop-filter: blur(20px);
	background-color: rgba(255, 255, 255, 0.72);
	box-shadow: var(--mainshadow);
}
.slider{
	width:84%;
}
.slider-before,
.slider-after{
    padding: 1rem;
    border-radius: 1rem;
    background: #ffffff8f;
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    gap: 1rem;
	
}
.slider-before-img,
.slider-after-img{
    height:100%;
	padding-top:1rem;
}
.slider-before-img .img,
.slider-after-img .img{
	width: 5rem;
	height: 5rem;
	background-color: #fff;
	border-radius: 50%;
	padding: .2rem;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotateY(0deg);
	-webkit-transition: all 1s cubic-bezier(0.79, 0.09, 0.25, 0.79);
	transition: all 1s cubic-bezier(0.79, 0.09, 0.25, 0.79);
}
.slider-side-img-people-group{background-image:url('people-group.svg');background-size: 3.5rem;}
.slider-side-img-school{background-image:url('school.svg');background-size: 3.5rem;}
.slider-side-img-list-timeline{background-image:url('list-timeline.svg');background-size: 3rem;}
.slider-side-img-family{background-image:url('family.svg');background-size: 3rem;}
.slider-side-img-flag-swallowtail{background-image:url('flag-swallowtail.svg');background-size: 2.6rem;}
.slider-side-img-list-timeline{background-image:url('list-timeline.svg');background-size: 3rem;}
.slider-side-img-chart-line-up{background-image:url('chart-line-up.svg');background-size: 3rem;}
.slider-side-img-users{background-image:url('users.svg');background-size: 3rem;}
.slider-side-img-calendar-days{background-image:url('calendar-days.svg');background-size: 2.7rem;}
.slider-side-img-id-card{background-image:url('id-card.svg');background-size: 3.2rem;}
.slider-side-img-user-helmet-safety{background-image:url('user-helmet-safety.svg');background-size: 2.6rem;}
.slider-side-img-user-vneck-hair{background-image:url('user-vneck-hair.svg');background-size: 2.7rem;}
.slider-side-img-user-graduate{background-image:url('user-graduate.svg');background-size: 2.5rem;}
@media only screen and (min-width: 576px) and (max-width: 991px) {
	.slider-side-img-people-group{background-size: 2.8rem;}
	.slider-side-img-school{background-size: 2.9rem;}
	.slider-side-img-list-timeline{background-size: 2.5rem;}
	.slider-side-img-family{background-size: 2.7rem;}
	.slider-side-img-flag-swallowtail{background-size: 2.1rem;}
	.slider-side-img-list-timeline{background-size: 2.7rem;}
	.slider-side-img-chart-line-up{background-size: 2.5rem;}
	.slider-side-img-users{background-size: 2.6rem;}
	.slider-side-img-calendar-days{background-size: 2.3rem;}
	.slider-side-img-id-card{background-size: 2.8rem;}
	.slider-side-img-user-helmet-safety{background-size: 2.2rem;}
	.slider-side-img-user-vneck-hair{background-size: 2.2rem;}
	.slider-side-img-user-graduate{background-size: 2.1rem;}
}
.slider-before-img span{
	opacity:0;
	transform:scale(.34) translateY(-1rem);
}
.slider-after-img span{
	line-height:1rem;
	z-index: +1;
	color: var(--color1);
}
.slider-after-img span b{
	font-size: 200%;
	color:var(--themecolor);
}
.slider-before-img span,
.slider-after-img span{
	font-size: 1rem;
	min-width: 5.9rem;
	transition:all .77s;
	font-weight: bold;
}
.slider-before-img a:hover span,
.slider-after-img a:hover span {
	transition: all .25s;
}
.slider-before-img a:hover span{
	transform: scale(1.4) translateY(.55rem);
	opacity: 1;	
	background: #fff8;
	border-radius: .5rem;
	color: var(--themecolor);
}
.slider-after-img a:hover span {
	color: var(--themecolor);
}

.slider-before-img a,
.slider-after-img a {
	width:calc(50% - .55rem);
	display:flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	transition:all .77s;
}

.slider-before-img a:hover .img{
    transform: rotateY(360deg) scale(1.2) translateY(-.25rem);
	background-color:
	-webkit-filter: sepia(40%) saturate(7000%) hue-rotate(140deg) brightness(95%) contrast(100%);/*invert(100%);*/
    filter: sepia(40%) saturate(7000%) hue-rotate(140deg) brightness(95%) contrast(100%);/*invert(100%);*/
}
.slider-after-img a:hover .img {
	
}
.slider-before-img a:hover .img,
.slider-after-img a:hover .img {
	transition:all .25s;
}


@media only screen and (max-width: 1400px) {
    .slider-before,
	.slider-after {
    }
}
@media only screen and (max-width: 1200px) {
    .slider-before,
	.slider-after {
    }
	.register-btn {
		background-image: url('reg-mob_2-mini-maher.webp');
		background-size: contain;
	}
	.users-box{
		width: 100%;
	}
}
@media only screen and (max-width: 1280px) {
	.list-boxes{flex-flow: column}
	.list-box-1-2{flex-flow: row;width: 100%;gap: 2rem;}
	.list-box-1 ,
	.list-box-2 {
		width: 50%;
	}
	.last-weblog{
		width: 100%;
	}
}
@media only screen and (min-width: 1281px) {
	.list-box-1-2{flex-flow: row;width: 50%;gap: 2rem;}
	.list-box-1 ,
	.list-box-2 {
		width: 50%;
	}
	.last-weblog{
		width: 50%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
    .slider-before-img,
	.slider-after-img{
		align-content:space-around;
    }
    .slider-before-img .img,
	.slider-after-img .img{
		width:3.5rem;
		height: 3.5rem;
    }
	.list-box-1 ,
	.list-box-2 {
		width: 50%;
	}
	.last-weblog{
		width: 100%;
	}
}

.icon-bar h2,
.icon-bar-2 h2{
	font-weight: normal;
	background-image: url('bg-title-3.png');
	background-size: contain;
	background-repeat: no-repeat;
	line-height: 100px;
	height: 100px;
	width: 200px;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 2.5rem;
	color:var(--color2)
}
.icon-bar-2 h2{
	background-position: right;
}
.icon-bar {
	display: flex;
	background-position: left;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	flex: 1;
}
.icon-bar-img{
	filter: drop-shadow(2px 4px 6px rgb(51 65 85 / 16%));
	background: #fff;
	/* padding: 1rem; */
	border-radius: 43%;
	overflow: hidden;
	transition:all .77s;
  }
.icon-bar-img img{
	width:12.5rem;
}
/* .icon-bar-item{width:calc(100% / 3)} */
.icon-bar-item:hover .icon-bar-img{
	border-radius: 14%;
	transform:scale(1.2) rotate(360deg);
	transition:all .14s;
}
.icon-bar-item span {
    position: unset !important;
	opacity: 1;
	color: #6797ff;
	text-shadow: unset;
	transition: .25s;
	margin: 0.5rem auto 2.5rem;
	transform: scale(.86);
	}
.icon-bar-item:hover span {
    color: #555;
	transform: scale(1) translateY(1.4rem);
}


.icon-bar-2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	flex: 1;
	/* width: calc(100% / 3); */
	margin-top: -3rem
}
.icon-bar-2-img{
	filter: drop-shadow(0px 4px 5px rgb(51 65 85 / 14%));
	background: #fff;
	padding: 1rem;
	border-radius: 5%;
	overflow: hidden;
	transition:all .77s;
	border: 2px solid #fff;
  }
.icon-bar-2-img:hover{
}
.icon-bar-2-img img{
	width:128px;
}
/*ماهر پلاس*/
.icon-bar-2-item:nth-child(1){order:1}
.icon-bar-2-item:nth-child(1) .icon-bar-2-img{
	background: var(--color4);
	}
/*سالانه شهید آوینی*/
.icon-bar-2-item:nth-child(2){order:2}
.icon-bar-2-item:nth-child(2) .icon-bar-2-img{
	background: var(--color2);
}
/*گالری*/
.icon-bar-2-item:nth-child(3){order:3}
.icon-bar-2-item:nth-child(3) .icon-bar-2-img{
	background: var(--color4);
}
/*مرکز آموزش*/
.icon-bar-2-item:nth-child(4){order:4}
.icon-bar-2-item:nth-child(4) .icon-bar-2-img{
	background: var(--color2);
}
/*حسینیه ماهر*/
.icon-bar-2-item:nth-child(5){order:5}
.icon-bar-2-item:nth-child(5) .icon-bar-2-img{
	background: var(--color4);
}
/*حسینیه ماهر*/
.icon-bar-2-item:nth-child(6){order:6}
.icon-bar-2-item:nth-child(6) .icon-bar-2-img{
	background: var(--color2);
}
@media only screen and (min-width: 655px) and (max-width: 991px) {
	.icon-bar-2-item:nth-child(1){order:1}
	.icon-bar-2-item:nth-child(2){order:2}
	.icon-bar-2-item:nth-child(3){order:4}
	.icon-bar-2-item:nth-child(4){order:3}
	.icon-bar-2-item:nth-child(5){order:5}
	.icon-bar-2-item:nth-child(6){order:6}
}
@media only screen and (min-width: 503px) and (max-width: 654px) {
	.icon-bar-2-item:nth-child(1){order:2}
	.icon-bar-2-item:nth-child(2){order:1}
	.icon-bar-2-item:nth-child(3){order:4}
	.icon-bar-2-item:nth-child(4){order:3}
	.icon-bar-2-item:nth-child(5){order:5}
	.icon-bar-2-item:nth-child(6){order:6}
}
@media only screen and (max-width: 502px) {
	.icon-bar-2-item:nth-child(1){order:1}
	.icon-bar-2-item:nth-child(2){order:3}
	.icon-bar-2-item:nth-child(3){order:2}
	.icon-bar-2-item:nth-child(4){order:4}
	.icon-bar-2-item:nth-child(5){order:5}
	.icon-bar-2-item:nth-child(6){order:6}
}

.icon-bar-2-item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	flex: 1;
}
.icon-bar-2-item .icon-bar-2-img img{
	filter: invert(100%) drop-shadow(0px 3px 5px #0003);
	}
.icon-bar-2-item:hover .icon-bar-2-img img{
	filter: invert(0%) drop-shadow(0px 3px 5px #fff);
	}
.icon-bar-2-item:hover .icon-bar-2-img{
	border-radius: 7%;
	transform:scale(1.2);
	transition:all .14s;
	filter: drop-shadow(0px 4px 20px rgb(51 65 85 / 25%));
	}
.icon-bar-2-item:nth-child(1):hover .icon-bar-2-img,
.icon-bar-2-item:nth-child(3):hover .icon-bar-2-img,
.icon-bar-2-item:nth-child(5):hover .icon-bar-2-img{
	background: linear-gradient(0deg, #fff 7%, var(--color1) 100%);
}
.icon-bar-2-item:nth-child(2):hover .icon-bar-2-img,
.icon-bar-2-item:nth-child(4):hover .icon-bar-2-img{
	background: linear-gradient(0deg, #fff 7%, var(--color2) 100%);
}

.icon-bar-2-item span {
    position: unset !important;
	opacity: 0;
	color: #6797ff;
	text-shadow: unset;
	transition: .25s;
	margin-top: 0.5rem;
	transform: scale(.86) translateY(-.25rem);
	font-size: 18px;
	font-weight:lighter;
	
	}

.icon-bar-2-item:hover span {
	opacity: 1;
    color: #555;
	transform: scale(1) translateY(1.4rem);
}
.bg-color1{background-color:var(--color1)}
.bg-color2{background-color:var(--color2)}
.bg-color3{
	background-color: var(--color3);
	background-image: url(bg-maher-white2-.png);
	background-size: auto;
	background-position: 0 0;
	animation-name:bg-color3;
	animation-duration:3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes bg-color3{
	0%{background-position: 0 0;}
	100%{background-position: 0 97px;}
}


.users-boxes{
	justify-content: space-between ;
	margin: 3rem auto;
	flex-direction:column;
	gap:1rem;
	width:100%;
}

@media only screen and (min-width: 1200px) {
	.users-box-img{grid-template-columns: auto auto auto auto auto}
	.teachers-box{grid-template-columns: auto auto auto}
}
@media only screen and (max-width: 1199px) {
	.hidden-under-1200{display:none!important}
}
@media only screen and (min-width: 991px) and (max-width:1199px) {
	.users-box-img{grid-template-columns: auto auto auto auto}
	.teachers-box{grid-template-columns: auto auto}
}
@media only screen and (max-width: 990px) {
	.hidden-under-990{display:none}
	.users-box-img{grid-template-columns: auto auto auto}
}

.users-box-img a{
	display: flex;
	flex-direction: row;
	gap: 1rem;
	height: 100%;
}
.users-box-img a div{
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}
.users-box-img a div h5{
	margin:.25rem 0 0;
}
.users-box-img a div span{
	
}
.teacherbord{
	/* overflow: hidden !important; */
	width:50%;	
}
.teacherbords{
	flex-direction: row;
}
@media only screen and (max-width: 767px) {
	.users-box-img{
		grid-template-columns: auto auto auto;
	}
	.users-boxes{
		flex-direction:column;
	}
	.users-box {
		width: calc(100vw - 60px);
		margin-bottom: 1rem!important
	}
	.teacherbord {
		width:100%;
	}
	.users-boxes i {top: -5rem!important}
	.bg-color3{padding-top: 1rem}
}
@media only screen and (max-width: 576px) {
	.users-box-img{
		grid-template-columns: auto auto;
	}
}
@media only screen and (min-width: 431px) {
}
@media only screen and (max-width: 430px) {
	.users-box-img{
		grid-template-columns: auto;
	}
	.teacherbords{
		flex-direction: column;
	}
}
.users-box,.teacherbord{
	padding: 1rem;
	border-radius: 1rem;
	background: #ffffff8f;
	box-shadow: rgba(0,0,0,.07) 0px 4px 12px;
}

.users-box{
}


.users-box-img{}
.users-box-img a{
	transform: rotateY(0deg);
	-webkit-transition: all 1s cubic-bezier(0.79, 0.09, 0.25, 0.79);
	transition: all 1s cubic-bezier(0.79, 0.09, 0.25, 0.79);
}

.users-boxes img{width: 5rem;height: 5rem;transition:all .77s;}

.users-boxes a:hover img{transform:scale(1.2);transition:all .14s;}

.users-boxes h4{
	position: relative;
}
.users-boxes h4 span{font-size:3rem}
.users-boxes i{
	position: absolute;
	right: calc(50% - 5rem);
	top: -5.5rem;
}
.users-boxes i:before{
	border: 1px solid var(--themeborder);
	width: 10rem;
	height: 10rem;
	align-items: center;
	padding: 0;
	margin: 0 auto;
	display: flex;
	position: absolute;
	top: -5.5rem;
	border-radius: 50%;
	background-color: #fff;
	color: var(--themecolor);
	font-size: 4rem;
	font-weight: 300;
	justify-content: center;
}
.list-boxes-container{min-width: calc(100vw - 30px);}
.list-boxes{gap:2rem}
.list-boxes ul{padding-right:2rem}
.list-boxes li{
	list-style: disc;
	padding: .1rem;
	transition:all .77s;
	}
.list-boxes a:hover li{
	transition:all .14s;
	transform:translateX(-1rem);
	color:var(--themecolor);
	}
.list-box-1,
.list-box-2,
.list-box-3{
	padding: 1rem;
	border-radius: 1rem;
	background: var(--color1);
	box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
}


.footer {
	color: #fff;
	background: var(--color4);
	padding: 3rem 0 2rem;
	background-image: url('footer-bg.png');
	background-size: 70rem;
	background-repeat: no-repeat;
	background-position-y: -15rem;
	background-position-x: calc(100vw - 64rem);
}
.footer-social div {justify-content:center }