/*panels=============================================*/
.panel-header {
    text-align: right;
	margin-bottom:2rem;
	
}
.panel-header i {
    font-size: 1rem;
}

.panel-header span {
    font-size: 1rem;
}

 .panel-header h3 {
       
        display: inline;
        color: black;
        font-size: 1.2em;
       text-align:right;
    }
	  .footer-part .panel-header h3 {
        position: relative;
        display: inline;
        color: black;
        font-size: 1.5em;
       text-align:right;
    }
	
 .section-3 .panel-header  a {
      
        color: #fff !important;
        font-size: 1em;
      
    }
	/*
        .panel-header h3:after {
            content: '';
            width:100%;
            height: 2px;
            background: #86b7fe;
            position: absolute;
            right: 0;
            top: 100%;
            transition: all ease-in .3s;
        }

.panel-header h3:hover:after {
    width: 100%;
    transition: all ease-in .3s;
}

/**/

.person h2{
	text-align:center;
}



/*carousel-effect====================================*/
.carousel-zoom .carousel-inner {
    position: relative;
}

.carousel-zoom .carousel-item {
    opacity: 0;
    transform: scale(1.2); /* ابتدا کمی بزرگ‌تر */
    transition: opacity 1.2s ease, transform 1.2s ease;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.carousel-zoom .carousel-item.active {
    opacity: 1;
    transform: scale(1); /* هنگام فعال شدن، اندازه واقعی */
    position: relative;
    z-index: 2;
}

.carousel-blur-fade .carousel-inner {
    position: relative;
}

.carousel-blur-fade .carousel-item {
    opacity: 0;
    transition: opacity 1.2s ease, filter 1.2s ease;
    filter: blur(8px);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.carousel-blur-fade .carousel-item.active {
    opacity: 1;
    filter: blur(0);
    position: relative;
    z-index: 2;
}

.carousel-3d .carousel-inner {
    perspective: 1200px;
    position: relative;
}

.carousel-3d .carousel-item {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    opacity: 0;
    transform: rotateY(90deg);
    transition: transform 1s ease, opacity 1s ease;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.carousel-3d .carousel-item.active {
    opacity: 1;
    transform: rotateY(0deg);
    position: relative;
    z-index: 2;
}
/*login=====================================================*/
#alone-page::before {
	content: "";
	position: absolute;
	background-color: aqua;
	background: url('img/a1.svg') no-repeat center top;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	opacity: 0.2;
	z-index: -3;
}





.card-header {
	text-align: center;
	background-color: #FFF;
	border-bottom: none !important;
}


	.card-header::after {
		content: "";
		position: absolute;
		width: 30%;
		height: 3px;
		background: rgb(247,94,115);
		background: linear-gradient(90deg, rgb(75 127 222) 7%, rgb(6 49 105) 83%);
		top: 2.3rem;
		text-align: center;
		left: 35%;
	}



.form-check-input {
	border: #064978 2px solid;
}

	.form-check-input:checked {
		background: linear-gradient(90deg, rgb(75 127 222) 7%, rgb(6 49 105) 83%);
		color: black;
		border: #FFF 2px solid;
	}

#alone-page .btn-color-2 {
	font-size: 1rem;
	color: #256dc3;
	border: 2px solid #256dc3;
	border-radius: 34px;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
	overflow: hidden;
}

	.btn-color-2 :hover {
		color: #163247;
		box-shadow: 0 0px 20px #801336;
	}



.form-control {
	border-radius: 50px;
}







.input-group-text {
	color: white;
	border-radius: 50%;
	background: rgb(222,75,89);
background: linear-gradient(90deg, rgb(75 127 222) 7%, rgb(6 49 105) 83%);
	border: 0;
}







.card1::after {
	content: "";
	position: absolute;
	background-color: aqua;
	background: url('img/c1.svg') no-repeat center top;
	width: 60%;
	height: 60%;
	top: 4rem;
	opacity: 0.3;
	color: #FFF;
}





.card1 {
	overflow: hidden;
	border-left: none;
	color: #FFF;
}




.card1 {
	background: url('img/back10.png') no-repeat;
	background-size: cover;
	background-position: top right;
	z-index: 10;
}




.cardmg {
	z-index: 1050;
	padding-top: 10rem;
	right: 0;
}













@media (max-width: 947px) {
	.card-msg::after {
		right: -135%;
		border-radius: 60px;
		top: -18rem;
	}

	.card-msg::before {
		right: -125%;
		top: -18rem;
		border-radius: 60px;
	}

	.Msglogin {
		margin-top: 50%;
	}

	.card1::after {
		top: 11rem;
	}
}




@media (max-width: 570px) {


	.Msglogin {
		margin-top: 10%;
		
		color:black;
		
	}


}
/*.bg-color-1*========================*/


.bg-color-1 {
	width: 150px;
	height: 30px;
	position: relative;
	background:#ff7982;
	text-align: center;
	padding-top: 0.5rem;
	font-size: 0.8rem;
}

.bg-color-1::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-left: 15px solid white;
		border-top: 15px solid transparent;
		border-bottom: 20px solid transparent;
         top: 0.2px;
	}




.btn-secondary {
	font-size: 1rem;
	color: #9e0514;
	border: 2px solid #9e0514;
	border-radius: 34px;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
	overflow: hidden;
}


.btn-secondary ::before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		content: '';
		border-radius: 50%;
		display: block;
		width: 20em;
		height: 20em;
		left: -5em;
		text-align: center;
		transition: box-shadow 0.5s ease-out;
		z-index: -1;
	}

	.btn-secondary :hover {
		color: #fff;
		border: 1px solid rgb(40, 144, 241);
	}

	.btn-secondary :hover::before {
		box-shadow: inset 0 0 0 10em rgb(40, 144, 241);
	}







/*===================================================*/
.page {
	overflow: hidden !important;
}




.card-body h1 {
	background: rgb(83,55,55);
	background: linear-gradient(90deg, rgba(83,55,55,1) 7%, rgba(224,0,0,1) 46%, rgba(156,1,1,1) 83%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: 100%;
}



.card-body strong {
	color: #8c0000;
}

.card-body1 {
	overflow:hidden;
	border-top:none;
}



.list-group-item a:hover {
    background: rgb(255,75,75);
    background: linear-gradient(90deg, rgba(255,75,75,0.4598214285714286) 7%, rgba(255,75,75,0.5634628851540616) 46%, rgba(255,75,75,0.35898109243697474) 83%);
	transition: background 1s;
}






.list-group-item a {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		background-color: transparent;
		position: relative;
		/* overflow: hidden; */
		border-radius: 7px;
		cursor: pointer;
		transition: all .3s;

	}

.list-group-item{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		backdrop-filter: blur(4px);
		letter-spacing: 0.8px;
		border-radius: 10px;
		transition: all .3s;
		border: 1px solid rgba(156, 156, 156, 0.466);
	}

.list-group-item a::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background: #f09433;
		background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
		background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		z-index: -1;
		border-radius: 9px;
		pointer-events: none;
		transition: all .3s;
	}

.list-group-item a:hover::after {
		transform: rotate(35deg);
		transform-origin: bottom;
	}

	.list-group-item a:hover .list-group-item{
		background-color: rgba(156, 156, 156, 0.466);
	}



@media (max-width: 1024px) {


	.list-group-item {
		flex-wrap:wrap;
	}
}




.SubTitle {
	background-color: #fff8f8;
	padding: 1rem;
	border-radius: 20px;
}




.Comment{
	text-align:center;
}

.border-bottom {
	border-bottom: solid 1px #870814 !important;
}
/*========================================================*/
#sendComment label {
}
#sendComment .input::after{
	content:"";
	position:absolute;
	height: 3px;
	background: linear-gradient(90deg, #FF6464 0%, #FFBF59 50%, #47C9FF 100%);
	transition: width 0.4s cubic-bezier(0.42, 0, 0.58, 1.00);
}

#sendComment .input:focus + #sendComment .input::after {
	width: 100%;
}

#sendComment .input {
	background-color: #eee;
	border: none;
	padding: 1rem;
	font-size: 1rem;
	width: 13em;
	border-radius: 1rem;
	color: lightcoral;
	box-shadow: 0 0.4rem #dfd9d9;
	cursor: pointer;
}

	#sendComment .input:focus {
		outline-color: lightcoral;
	}






.back .img-fluid {
	max-width: 80%;
	margin-top: -2.2rem;
}

.back .card-body {
	
}


.card-body h2{
		font-size: 1.2rem;
    padding:0.5rem;
	}

	.card-body .card {
		border: none;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	}

		.card-body .card:hover {
			background-color: #faf7f7;
		}



/*========================================================*/
/*
   .top-slider .carousel-caption h5 {
		right:-100%;
		top:0;
        font-size: 1rem;
        font-weight: bold;
        color: #00103c;
        margin-right:0;
		padding:1rem;
		padding-top:30vh;
		text-align:right;
		background-color:rgba(135, 183, 255, 0.6);
		position:absolute;
		height:100%;
		transition:all 1s;
		
    }

    .top-slider:hover .carousel-caption h5 {
		right:0;
		top:0;
        font-size: 1rem;
        font-weight: bold;
        color: #00103c;
        margin-right:0;
		padding:1rem;
		padding-top:30vh;
		text-align:right;
		background-color:rgba(135, 183, 255, 0.6);
		position:absolute;
		height:100%;
		transition:all 1s;
    }
    .top-slider .carousel-caption p {
        font-size: 1rem;
        font-weight: bolder;
        color: #0DAABF;
        padding: 10px;
        text-align: right;
    }
*/

/*itemtype==============================================*/
.item-type {
   
  
}
.item-type .item{
	margin:1.5em;
	
}
.item-type h5 {
    padding:1em;
	font-size:.9em;
}
    .item-type img {
        width: 50%;
    }
.item-type a{
	text-align:center;
}



/*category==============================================*/
.item-cat .row{
   
    border-radius: 2em;
    background: rgba(255,255,255,.9);
	padding:1em;
}

.item-cat h5 {
    padding:1em;
}

.item-cat img {
    width: 20%;
}

.item-cat a {
    text-align: center;
}
/**/
.item-cat2 #owl-2{
   
    border-radius: 2em;
    background: rgba(255,255,255,.9);
	
}

.item-cat2 #owl-2 h5 {
   
	font-size:1rem !important;
}

.item-cat2 #owl-2 img {
    width: 30%;
}

.item-cat2 a {
    text-align: center;
}


/*blogs=======================================*/
.blog .card {
    height: 100%;
    max-height: 100%;
}
.blog .item {
    height: 700px;
    max-height: 700px;
}

.hr-blog .card {
    height: 100%;
    max-height: 100%;
	background:#FFF;
}
/*products=======================================*/
.product .card {
    height: 100%;
    max-height: 100%;
}

.product .item {
    height: 450px;
    max-height: 600px;
}

.hr-product .card {
    height: 100%;
    max-height: 100%;
    background: #FFF;
}
/*main-menu=====================================================*/
.main-menu li a {
    color: #12121d;
    font-size: small;
}
.main-menu li a i{
    color: #000;
    font-size:xx-small;
}
/*Vertical SubMenu================================================*/
/*.vertical-nav .dropdown-submenu {
    position: relative;
}


.vertical-nav .nav .nav-link a {
    color: #bababa;
}

.vertical-nav .nav .nav-link {
    color: #bababa;
}*/

/*.vertical-nav .nav .nav-link a:hover {
    color: black;
}*/
/*.drop*/


 .nav-item.active .nav-link, .nav-item:hover .nav-link{
		color:#0C426F !important;
}
.drop  .dropdown-menu .nav-item:hover{
	background-color:#86b7fe !important;
	color:#fff !important;
}
.drop  .dropdown-menu .nav-link:hover{
	
	color:#fff !important;
}
.drop  .dropdown-menu .nav-link{
		font-size:1rem;
	 margin-right: 10px;
	 margin-left: 10px;
}
.drop .nav-link:hover .bi-chevron-down{
	  display: inline-block;
  

  animation: shakeY; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
}
.drop .nav-link:hover .bi-chevron-left{
	  display: inline-block;
  

  animation: shakeX; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
}
.drop .nav-link{
	font-size:0.8rem;
	font-weight:bold;
}
/*---------------------------------------------*/
.vertical-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
	
}

.vertical-nav .dropdown-toggle::after {
    display: none !important;
}

.vertical-nav ul.dropdown-menu {
    text-align: right;
    font-size: 12px;
    top: 0;
    right: 50%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #f3f3f3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.vertical-nav .dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}

.vertical-nav ul.dropdown-menu > li {
    padding: 8px 0;
}

    .vertical-nav ul.dropdown-menu > li > a {
        color: #000 !important;
    }

        .vertical-nav ul.dropdown-menu > li > a:hover {
            color: #8b0000 !important;
        }

.navbar-nav .dropdown-toggle::after {
    display: none !important;
}


/*stat===============================================*/
.stat {
	 
   
    color: #FFF ;
}
    .stat h3 {
        color: black;
    }
.stat i {
    color:#fff;
    font-size: 2rem;
	font-weight:bolder;
}
.stat p {
	 color:#fff;
    font-size: 1em;
	font-weight:bolder;
}

.stat p
.stat .number-count {
	 color:#fff;
    font-size: 2em;
	font-weight:bolder;
}
/*course-type=======================================*/
.course-type .row{
    border-radius: 2em;
    background: #FFF;
    padding: 1em;
}

.course-type h5 {
    font-size: .9em;
}
    .course-type img {
        width: 30%;
    }
.course-type a{
	text-align:center;
}
/*--------------------------------------------------------*/
.course-type-2 .row{
    border-radius: 2em;
   display:flex;
   justify-content:center;
    padding: 1em;
	background-color:#ffff;

}

.course-type-2 h5 {
    font-size: 1em;
	display: flex;
    flex-direction: column;
	 color:#0C426F;
	 margin-top:1rem;
}
  
.course-type-2 a{
	text-align:center;
}
    .course-type-2 h3 {
        color: #0C426F !important;
    }
.course-type-2 i {
    color:#0C426F;
    font-size: 3em;
	font-weight:bolder;
}
.course-type-2 p {
	 color:#0C426F;
    font-size: 1em;
	font-weight:bolder;
}
/*----------------------------------------*/
.course-type-3 #owl-2{
    border-radius: 2em;
   display:flex;
   justify-content:center;
    padding: 1em;
	background-color:#ffff;

}

.course-type-3 h5 {
    font-size: 1em;
	display: flex;
    flex-direction: column;
	 color:#0C426F;
	 margin-top:1rem;
}
  
.course-type-3 a{
	text-align:center;
}
    .course-type-3 h3 {
        color: #0C426F !important;
    }
.course-type-3 i {
    color:#0C426F;
    font-size: 3em;
	font-weight:bolder;
}
.course-type-3 p {
	 color:#0C426F;
    font-size: 1em;
	font-weight:bolder;
}
/*news*/
@font-face{
    font-family: "bootstrap";
    src: url("../../lib/bootstrap-icons/font/fonts/bootstrap-icons.woff");
}

.news .card{
	position:relative;
	display: inline-block;
	animation:fadeInDown; /* referring directly to the animation's @keyframe declaration */
	animation-duration:1s;
	

}
.news h3{
	color:black;
	margin-bottom:2rem;
	
}
.news .card:after{
	 font-family: "bootstrap";
	position:absolute;
	content:"\F199";
	top:-11px;
	color:#00c0ad;
	z-index:10;
	left:1%;
	font-size:2rem;
}

.news .card a:after{
	content:" \F285";
	font-family: "bootstrap";
	font-size:25px;
	text-align:center;
	color:#fff;
	position:absolute;
	width:40px;
	height:40px;
	background-color:#00c0ad;
	left:10px;
	bottom:-10px;
	transition:all 1s;
	z-index:1050;
	animation-duration: 1s;
}
.news .card:hover a:after{
	display: inline-block;
	animation:shakeX; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 2s;
}


/*panel-header titel*/
/*
.heder .panel-header h3 {
    position: relative;
     display: block; 
    color: #0C426F;
    font-size: 5rem!important;
    text-align: right;
    top: 60px;
    z-index: 10;
    background-color: #fff;
    width: 100%;
    text-align: center;
    padding: 20px;
	

}
*/


/*content*/
.content {
overflow:visible !important;
}


.content .item{
	height:100%;
}

/*
.content .card a:after{
	content:" \F285";
	font-family: "bootstrap";
	font-size:25px;
	text-align:center;
	color:black;
	position:absolute;
	width:50px;
	height:40px;
	background-color:#86b7fe;
	left:30px;
	bottom:0px;
	transition:all 1s;
	z-index:1050;
}
.content .card:hover a:after{
	background-color:#86b7fe;
	bottom:-15px;
	transition:all 1s;
	
	
}
*/
/*
.hr-content .card {
    height: 100%;
    max-height: 100%;
	background:#FFF;
}


.content .card {
    height: 100%;
    max-height: 100%;
	overflow:visible !important;
}
.content .item {
   position:relative;
}

.content .card:after {
   position:absolute;
   content:"";
   width:10%;
   height:8%;
   border-left:3px solid #86b7fe;
   border-top:3px solid #86b7fe;
   top:-1px;
   left:-1px;
   transition:all .5s ease-in-out;
	   
}

.content .card:before {
   position:absolute;
   content:"";
   width:10%;
   height:8%;
   border-right:3px solid #86b7fe;
   border-bottom:3px solid #86b7fe;
   bottom:-1px;
   right:-1px;
   transition:all .5s ease-in-out;
}
.content .card:hover:after {
   width:30%;
   height:15%;
   transition:all .5s ease-in-out;
}

.content .card:hover:before {
   width:30%;
   height:15%;
   transition:all .5s ease-in-out;
}
*/
/*----------------------------------------*/


.animation .item {
	
  

  animation: shakeY; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
}

.headline span{
	font-size:0.6rem;
}
.headline small{
	font-size:0.7rem;
}



.tab h5{
	font-size:0.8rem;
}


.tab .nav-link{
	background-color:#78C1FD;
	color:white!important;
	text-align:center;
	border:1px white solid;
}


.tab .nav-tabs .nav-link.active {
	background-color:white;
	color:#0C426F !important;
}



.tab .nav-link:hover{
	color:white!important;
	
}

.tab .nav{
	display:flex;
	justify-content: center
}





.tab .bi-mortarboard-fill{
	font-size:1.3rem;
}





.animate__backInUp p{
  display: inline-block;


  animation:backInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}


.animate__backInUp h5{
  display: inline-block;


  animation:backInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}



.top-slider  {
    position: relative;
}

.top-slider .carousel-caption {
    position: absolute;
    text-align: right;
    padding: 5px;
    top: auto;
    bottom: 10%;
}
/*
.carousel-inner::before{
    position:absolute;
    content:"";
	width:100%;
	height:100%;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 1%, rgba(0,0,0,0.47942927170868344) 52%, rgba(0,0,0,0.8211659663865546) 100%);
	z-index:1!important;
	top:0;
}
*/
@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

.top-slider .carousel-caption {
    position: absolute;
    text-align: right;
    padding: 5px;
    top: auto;
    bottom: 10%;
	z-index:10;
}

.top-slider .carousel-caption h5 {
    font-size: 2.5rem;
    font-weight: bolder;
    color: #FFF;
    margin: .2em 0 1em 0;
    font-family: AnjomanMax;
    animation: fadeInUp;
    animation-duration: 2s;
}


.top-slider .carousel-caption p {
    font-size: 1rem;
    text-align: justify !important;
	direction:rtl !important;
    font-weight: bold;
    color: #FFF;
    padding: 10px;
    text-align: right;
    animation: fadeInUp;
    animation-duration: 3s;
    width: 50%;
}


.top-slider .btn-slidshow {
    margin-top: 20px;
    animation: fadeInUp;
    animation-duration: 4s;
	background-color:#0345BF;
	color:white;
	padding:1%;
	width:30%;
	border:#0345BF 1px solid;
}


.owl-prev span{
	font-size:2rem;
}
.owl-next span{
		font-size:2rem;
}

/*====================================================*/


@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}
 .about{
    background-color: rgb(210, 214, 216);
    width: 100%;
    margin-top:100px;
    
   
}

@media screen and (max-width:768px) {
    .about {
        background-color: rgb(210, 214, 216);
       
       
    }
}


.about img {
    margin-right: 0px !important;
  
    margin-top: -90px !important;
    margin-bottom: -15px !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
}

/*content===========================================================================================*/


.content1 .img-fluid{
	max-width:80%;
}
/*
.content1 .card::after{
	content:"";
	position:absolute;
	width:50%;
	height:6px;
	background-color:#000fdb;
	transition:all 1s;
	left:0;
}
.content1 .card:hover::after{
	width:60%;
	transition:all 1s;
	
}
*/
.content1 .card:hover{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



.content1 .text-color-2{
	color: #000fdb;
	font-size:1.2rem;
}



.content2 .card::after{
	content:"";
	position:absolute;
	width:25%;
	height:25%;
	background-color:#00a682;
	transition:all 1s;
	right:-3rem;
	top:-2rem;
	border-radius:100%;
	transform: rotate(45deg);
}

.content2 .card{
	overflow:hidden;
}

.content2 .card::before{
	content:"\F287";
	font-family:"bootstrap";
	
	position:absolute;
	top:0.5rem;
	z-index:10;
	right:0.5rem;
	color:#eff4f5;
}




.persian {
	font-size:0.5rem!important;
}



.content2 .text-color-2{
	color: #028466;
	padding-top:2rem;
	font-size:1.5rem;
}



.content2 .row .card-body{
	padding:1rem!important;
}

.content2 img{
	border-radius:0!important;
}
.content2 .card{
	background-color:#e8e9ea;
}





@media (max-width: 1440px) {
	.content2 .card::after{
	  width:28%;
	  height:28%;
	  transform: rotate(45deg);
	  top:-3.5rem;
	}
}



@media (max-width: 768px) {
	.content2 .card::after{
		 width:40%;
	  height:22%;
	  transform: rotate(45deg);
	  top:-5.6rem;
	}
}



@media (max-width: 425px) {
	.content2 .card::after{
	width:25%;
	height:25%;
	top:-1rem;
	}
}








/*btn*/

.btn-color-2 {
  background-color: #00a682;
  border: none;
  padding: 0.5rem 1.5rem;
  color: #fff;
  cursor: pointer;
  border-radius: 40px;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.btn-color-2 span {
  font-size: 24px;
  font-weight: bold;
}

.btn-color-2::before,
.btn-color-2::after {
  content: "";
  position: absolute;
  width: 70px;
  height: 90px;
  border-radius: 50px;
  z-index: -1;
  background-color:#024536;
  transition: all 0.3s 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.btn-color-2::after {
  right: -30px;
  transform: translateX(30px) translateY(-110px) rotate(30deg);
}

.btn-color-2::before {
  left: -20px;
  transform: translateX(-10px) translateY(50px) rotate(30deg);
}

.card:hover .btn-color-2::before {
  transform: rotate(30deg) translateY(10px) translateX(-15px);
}

.card:hover .btn-color-2::after {
  transform: rotate(30deg) translateY(-70px) translateX(-30px);
}



@keyframes wobel {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.1);
  }

  60% {
    transform: scale(1.05);
  }

  80% {
    transform: scale(0.85);
  }

  100% {
    transform: scale(1);
  }
}




.card2 .card{
	padding:0!important;
}




.card2 .item h5{
 background-color:#fff;
 padding:1.5rem;
 
 margin-bottom: -1rem;
    border-bottom: solid 1rem #000fdb;
    background-color: inherit;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 1rem), 50% 98%, 0 calc(100% - 1rem));
}


.card2 h5{
	
	background-color:#000fdb!important;
	color:#FFF;
	text-align:center;
}




/*****************************************************/

.gallery1 .row{
	
	overflow:hidden;
	
}
.gallery1 .item{
  --s: 64%;
  --g: 10px; 
  --f: 600px;   
  position:relative;
  display: grid;
  gap: var(--g);
  width: calc(3*var(--s) + 2*var(--g));
  aspect-ratio: 1;
  grid-template-columns: repeat(4,auto);
}

.gallery1 .item > img {
  width: 0;
  height: 0;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  cursor: pointer;
  filter: grayscale(80%);
  transition: 1s linear ;
  border-radius:0;
}

.gallery1 .item img{
  --hl: 0;
  width: 100%; height: 50%;
  object-fit: cover;
  transform: scale(calc(1 + .2*var(--hl)));
  filter: brightness(calc(.8*(1 + var(--hl))));
  transition:1s;
  
  &:hover { --hl: 1 }
    border-radius:0;

}



.gallery1 .item img:hover{
  filter: grayscale(0);
   animation: 58s move-it-2 ease alternate infinite 2000s;
    transform: translatex(41%);
	position:relative;
  width: 100%;
  height:100%;
  transition:all 0.8s;
 
  
}


.gallery1 .item h2{
	position:absolute;
	top:16rem;
	left:5rem;
	transform:rotate(90deg);
	transition:all 1s;
	background-color:#2a2a89;
	padding:0.5rem;
	font-size:1rem;
	
}


.gallery1 .item:hover h2{
	color:#FFF;
	transform:rotate(0deg);
	top:25.1rem;
	transition:all 0.8s;
	left:14rem;
}




@media (max-width: 1440px) {
	.gallery1 .item h2{
	  left:1rem;
	  top:10rem; 
	}
	
	.gallery1 .item:hover h2{
	  left:10rem;
	  top:15.5rem; 
	  font-size:0.8rem;
	}
	
}



@media (max-width: 768px) {
	.gallery1 .item h2{
	   left:5rem;
	}
}



@media (max-width: 425px) {
	.gallery1 .item h2{
	   left:0rem;
	   font-size:0.7rem;
	}
	.gallery1 .item{
		width:100%;
		height:100%;
	}
	
	.gallery1 .item img:hover{
		transform:none;
	}
	
}





/*
.gallery1 .item img:last-child:hover{
	transform: translatex(10%);
}



@keyframes move-it-2 {
 0%,
 90%,
 100% {
  transform: translatex(-50%);
 }
 
}



*/

.gallery .item{
   object-fit: cover;
   transition: all .3s ease;
    overflow:hidden !important;
	z-index:10;
	position:relative;
}
.gallery .item img{
	 overflow:hidden !important;
	   transition: all .3s ease;
	   filter: grayscale(50%);
	   border-radius:5% !important;
 }
 
 
 .gallery .item:hover img{
	 transform: scale(1.3);
	   transition: all 1s ease;
	   filter: grayscale(0);
	   
	 
 }
 
 .gallery .item a{
	 overflow:hidden;
	 z-index:10;
	 position:relative;
 }
  .gallery .item a .mb-2{
	 overflow:hidden;
	 z-index:10;
	 position:relative;
 }
 











.item2 .item{
	position:relative;
	overflow:hidden!important;
  width: 50%;
  padding-right:1.9rem!important;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  background: #b8bdfc;
  border-radius: 8px;
  box-shadow: 0px 0px 5px -3px #111;
  margin: 0 20rem;

}


.item2 .item::after{
	content:"\F26A";
	position:absolute;
	font-family:bootstrap;
	right:0.5rem;
}


.item2 .item::before{
	overflow:hidden;
	content:"";
	position:absolute;
	width:7px;
	height:2.8rem;
	background-color:blue;
	right:0;

  background: blue;
  border-radius: 50%;
  clip-path: polygon(
    50% 0%,
    100% 0%,
    100% 100%,
    50% 100%,
    30% 50%
  );

}

.item2 .item:hover::after{
	color:#9bb6ff;
}


.item2 .item:hover::before{
	width:100%;
	border-radius:0;
	transition:width 0.5s;
  clip-path: polygon(
    0% 0%,     /* برش بالا چپ */
    100% 0%,     /* برش بالا راست */
    100% 0%,   /* نقطه میانی راست */
    100% 100%,   /* برش پایین راست */
    100% 100%,   /* برش پایین چپ */
    0% 100%      /* نقطه میانی چپ */
  );

	  
  
}

.item2 .item:hover h5{
	color:#FFF;
}




.item2  h5{
	position:relative;
	
	font-size:1rem !important;
	z-index:10;
}


.aboutuny img{
	border-radius:100%!important;
	
}



/*
.panel-header h3{
	position:relative;
	font-size:1.4rem;
}

.panel-header1 .panel-header  a{
	position:relative;
	z-index:1050;
}

 .panel-header1 .panel-header  h3::after{
	 
	    content: "";
    
    left: 42%;
    position: absolute;
    background: url(img/titel.png) no-repeat;
    width: 250px;
    height: 200px;
    opacity: 1;
   
    text-align: center;
	opacity:0.2;
  
 }
 
 
 
 .panel-header2 .panel-header h3::after{
	 	    content: "";
    top: -3.5rem;
    left: 28%;
    position: absolute;
    background: url(img/titel.png) no-repeat;
    width: 250px;
    height: 200px;
    opacity: 1;
   /
   
	opacity:0.2;
 }
 */
 
@media (max-width: 1440px) {
	.panel-header1 .panel-header h3::after{
	
	}

}



@media (max-width: 768px) {
	 .panel-header1 .panel-header h3::after{
		
	}
	
}



@media (max-width: 425px) {
	.panel-header1 .panel-header h3::after{
		 left:15%;
	}
	

}

 




.show .item{
	background-color:transparent;
	padding:13px!important;
	border-radius:10% 10% 10% 10%;
	z-index:7;
	text-align:center;
	position:relative;
	/*border:solid 2px #FFF;*/
	margin-top:-4rem;
	

}

.show .item img{
	border-radius:50%;
	
	width:70%;
	height:70%;
	position:relative;
}

.show .item a{
	
    width: 100% !important;
   
    top: -50%;
    display: block;
	position:relative;
		
}

.show .item h5{
	text-align:center;
	font-size:13px;
	top:0.5rem;
	position:relative;
	transition:all 0.5s;
	color:white;
	font-weight:bold;
	padding:3px;
}


.show .item:hover h5{
	transition:all 1s;
	
	
	z-index:10;
}

@font-face{
    font-family: "bootstrap";
    src: url("../../lib/bootstrap-icons/font/fonts/bootstrap-icons.woff");
}


.show .item  i{
	position:relative;
	font-size:2rem;
	z-index:10;
	transition: all 0.8s;
	z-index:10!important;
}

.show .item i::before{
	transition: all 0.8s;
	position:relative;
	z-index:10;
}

.show .item:hover i::before{
	transition: all 0.8s;
	z-index:10!important;
	transform: translateY(-30px) rotateY(360deg);
	
}


.show .item i::after{
	    content:"";
	position:absolute;
	top:-0.6rem;
	right:-1.2rem;
	background-color:#41bfac;
	width:100%;
	height:100%;
	border:solid 2px #FFF;
	border-radius:150px; 
	transition: all 0.8s;
	padding:2rem;
}

.show .item:hover i::after{
	background: linear-gradient(to left, #007f6c 50%, #41bfac 50%);
background-size: 200% 100%; /* عرض 200% (به جای ارتفاع) */
background-position: right; /* شروع از راست */
transition: background-position 0.5s ease, all 0.8s;
transform: translateY(-35px);
  
}






.show .item p{
	margin-top:2rem;
	font-size:1rem;
}





.show .item:hover:after{
	content:"";
	transition: all 0.8s;
	background:white;
	width:100%;
	height:100%;
	border-radius: 0 0 46% 46%;
	top:0;
	left:0;
	transition: all 0.8s;

}



.show span{
	display:none;
}


@media (max-width: 425px) {
	.show .item{
		margin-top:0.3rem;
	}
	

}


.stat .item{
/*background-image:url(img/test.png);
background-repeat:no-repeat;
*/


}
/*
.stat .item a::after{
    content:"";
	position:absolute;
	top:-0.6rem;
	right:4.5rem;
	background-color:#5459f7;
	width:30%;
	height:60%;
	border:solid 3px #FFF;
	border-radius:150px; 
	transition: all 0.8s;
}


.stat .item:hover a::after{
  background: linear-gradient(to top, #0d14e2 50%, #9398f2 50%);
  background-size: 100% 200%;
  background-position: bottom;
  transition: background-position 0.5s ease;
  transition: all 0.8s;
  transform: translateY(-35px);
 

}

*/
/*
.sliderwave::after{
    display: block;
    content: '';
	background-color: #2a2a89;

    background: url('img/slider3.png') no-repeat center top;
    background-size: cover;
    height: 300px;
    width: 100%;
    position: absolute;
    top:-10rem;
    left: 0;
	padding-top:5rem;
	z-index:5;

   /* background-image: url(img/slider.svg);
}
*/

        .trapezoid-container {
            perspective: 1000px;
            width: 2000px;
            height: 500px;
        }
        
        .trapezoid {
            width: 100%;
            height: 10%;
            background-color: #284277;
            background-image: url("https://www.transparenttextures.com/patterns/triangles.png");
           /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
            position: relative;
            border-top-left-radius: 100px;
            border-top-right-radius: 100px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.3);
			margin-top:-5rem;
			-webkit-box-shadow: 3px -3px 61px 16px rgba(66, 68, 90, 1);
-moz-box-shadow: 3px -3px 61px 16px rgba(66, 68, 90, 1);
box-shadow: 3px -3px 61px 16px rgba(66, 68, 90, 1);
          
			
        }
        
        
  
	



@media (max-width: 425px) {
	.sliderwave::after{
		top:-7rem;
	}
	
}









.aboutunity:after{
	content: "";
	position: absolute;
	background-color: #284277;
	width:23%;
	height: 68%;
	border-radius:100%!important;
	right:15rem;
	top: 1rem;
	opacity: 1;
	color: #FFF;
}

.aboutunity:before{
	content: "";
	position: absolute;
	background-color: transparent;
	border:solid 3px #505091;
	width:25%;
	height: 70%;
	border-radius:100%!important;
	right:20em;
	top: 1.4rem;
	opacity: 1;
	color: #FFF;
}


.aboutunity img{
	position:relative;
	z-index:10;
	border-radius:100%!important;
	height:70%;
	width:70%;
}





@media (max-width: 1440px) {
	.aboutunity:after{
		width:23%;
	    height: 36%;
		right:13em;
	   top: 2rem;
	}
	
	.aboutunity:before{
		width:23%;
	    height: 36%;
		right:15em;
	   top: 2rem;
	}
}



@media (max-width: 768px) {
	.aboutunity:after{
		width:23%;
	    height:10%;
		right:5em;
	   top: 2rem;
	}
	
	.aboutunity:before{
		width:23%;
	    height:10%;
		right:8em;
	   top: 2rem;
	}
}



@media (max-width: 425px) {
	.aboutunity:after{
		width:50%;
	    height:19%;
		right:5em;
	   top: 2rem;
	}
	
	.aboutunity:before{
		width:50%;
	    height:19%;
		right:8em;
	   top: 2.3rem;
	}
}









.amar .item{
	padding:1rem;
}


.amar p{
	font-size:1rem;
}


.amar span{
	font-size:1rem;
}

/*navbar==============================*/
/*
.navbar{
   background: rgba(255, 255, 255, 0.77);
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
   border: 1px solid rgba(255, 255, 255, 0.3);


}
*/



/*footer*/
.social-top a:hover {
    background: rgb(255,75,75);
    background: linear-gradient(90deg, rgba(255,75,75,0.4598214285714286) 7%, rgba(255,75,75,0.5634628851540616) 46%, rgba(255,75,75,0.35898109243697474) 83%);
	transition: background 1s;
}






.social-top a {
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		background-color: transparent;
		position: relative;
		/* overflow: hidden; */
		border-radius: 7px;
		cursor: pointer;
		transition: all .3s;
		color:black;
		margin:0.5rem;
		

	}

.social-top{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: transparent;
		backdrop-filter: blur(4px);
		letter-spacing: 0.8px;
		border-radius: 10px;
		transition: all .3s;
		border: 1px solid rgba(156, 156, 156, 0.466);
	}

.social-top a::after{
		position: absolute;
		content: "";
		width: 100%;
		height: 100%;
		background: #f09433;
	
		background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
		background: linear-gradient(45deg, #13d7ab 0%, #089b7a 25%, #088166 50%, #06755c 75%, #022d23 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
		z-index: -1;
		border-radius: 9px;
		pointer-events: none;
		transition: all .3s;
		
	}

.social-top a:hover::after {
		transform: rotate(35deg);
		transform-origin: bottom;
	}

	.social-top a:hover .social-top{
		background-color: rgba(156, 156, 156, 0.466);
	}



@media (max-width: 1024px) {


	.social-top {
		flex-wrap:wrap;
	}
}




.footer-part  img:hover {
   -webkit-filter: grayscale(100%); 
  filter: grayscale(100%);
  filter: gray; 
  transition:all 0.5s;
}
}

.footer-part {
	position:relative;
}


.footer-part h5{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  padding-bottom: 15px;
  position: relative;
}
.footer-part h5:before{
  content: "";
  position: absolute;
  right: 0rem;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #FFF;
  animation: move-full 4s ease infinite;
}

.footer-part h5:after{
  content: "";
  position: absolute;
  right: 0rem;
  bottom: 2px;
  height: 1px;
  width: 35%;
  max-width: 255px;
  background-color: #FFF;
}







@keyframes ff5 {
	0% {
		right: 1rem;
	  }
	 

	100% {
		right: 6rem;
	}
}

@keyframes move-full {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-120px);
  }
  100% {
    transform: translateX(0);
  }
}


.a5{
	position:relative;
}

.a5 .item{
	background-color:transparent;
	position:relative;
	padding:1.2rem 5rem;
	background-image:none;
	
}

.a5 .item::after{
	content:"";
	width:100%;
	height:150%;
	left:2.3rem;
	top:4rem;
	position:absolute;
	background-image:url(img/backitem2.png);
	background-repeat: no-repeat;
	padding-bottom:2rem;
	
	
}




.a5 .persian{
	width:31%;
	
	border:2px solid black;
	border-radius:150px;
	margin-right:7.2rem;
	margin-top:0rem;
}


.a5 p{
	color:black;
	font-size:0.7rem;
}

.a5 i::before{
	color:black;
}

.a5 .number-count{
	color:black;
}




.a5 .item{
	margin-top:0!important;
	
}




@media (max-width: 425px) {


	.a5 .persian{
		margin-right:4rem;
		width:40%;
		margin-top:-11rem;
		width:60%;
	}
	.a5 .item{
		padding-top:12rem;
		
	}
	.a5 .item::after{
		left:0rem;
	}
}

 

@media (max-width: 768px) {


	.a5 .persian{
		margin-right:3.5rem;
		width:30%;
		margin-top:-12rem;
		border:none;
	}
	.a5 .item{
		padding-top:12rem;
		
	}
	.a5 .item::after{
		left:0rem;
		
		
	}
}



@media (max-width:1280px) {


	.a5 .persian{
		margin-right:3rem;
		width:30%;
		margin-top:-12rem;
		border:none;
	}
	.a5 .item{
		padding-top:12rem;
		
	}
	.a5 .item::after{
		left:0rem;
		width:120%;
		
		
		
	}
}



/*
.university{
	position:relative;
}


.university .item{
	overflow:hidden;
position:relative;
}



.university .item::after{
   content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #121212;
background: linear-gradient(90deg, rgba(18, 18, 18, 1) 0%, rgba(18, 18, 18, 0.6) 50%, rgba(18, 18, 18, 0.35) 100%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    z-index: 1;
}


.university .item:hover::after{
	 width: 600px;
    height: 600px;
	
}


.university .item h5{
	text-align:center;
	position:absolute;
	padding:2rem;
	top:22rem;
	color:#FFF;
}




.university .item:hover h5{
	top:5rem;
	z-index:1050;
}



*/




.university .item {
  position: relative;
  width: 220px;
  height: 320px;
  background:#add8e6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-radius: 15px;
  cursor: pointer;
}

.university .item::before,
.university .item::after {
  position: absolute;
  content: "";
  width: 20%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  background-color: lightblue;
  transition: all 0.5s;
}

.university .item::before {
  top: 0;
  right: 0;
  border-radius: 0 15px 0 100%;
}

.university .item::after {
  bottom: 0;
  left: 0;
  border-radius: 0 100%  0 15px;
}

.university .item:hover::before,
.university .item:hover:after {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  transition: all 0.5s;
}



.university .item h5{
	display:none;
	position:absolute;
	
}


.university .item:hover h5{
	display:inline;
	z-index:1050;
	top:9rem;
	right:3.5rem;
}

.item h5{
	text-align:center;
}




/*content اطلاعیه*/


.cont2 .mt-auto{
    padding: 0 !important;
}
.cont2 .card a{
    height: 100%;
    position: relative;
}
.cont2 .card{
   
    background-color: white;
    box-shadow: -5px 10px 10px -5px rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px;
    position: relative;
}

.cont2 .card::after{
    position: absolute;
    content: "";
    width:20px ;
    height:50px ;
    top: 0 !important;
    border-radius: 0 0 20px 20px;
    background-color: #00a682;
  
}

.cont2 .card-body{
    margin-right: 10px;
    
}
.cont2 .card-body p{
	width:85% !important;
}

.cont2 .card:hover{
    box-shadow: -5px 10px 15px -5px rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.2) !important ;
    transition: all 1s;
}





.person h2{
	font-size:1rem!important;
}

.gallery h2{
	font-size:1rem!important;
}










.utility-sidebar {
	position: fixed;
	right: 0;
	top: 35rem;
	width: 40px;
	background: #FFF;
	border: 2px solid black;
	z-index: 99;
	transition: all 0.5s ease;
	border-radius: 20px;
}

	.utility-sidebar:hover {
		background: linear-gradient(to top, #AB0F0F 50%, #FFF 50%);
		background-size: 100% 200%; /* ارتفاع 200% */
		background-position: bottom; /* شروع از پایین */
		transition: background-position 0.5s ease, all 0.8s;
	}


		.utility-sidebar:hover i::before {
			color: #FFF;
			transition: all 1s;
		}

	.utility-sidebar .utility-btn {
		position: relative;
		left: 2rem;
	}

		.utility-sidebar .utility-btn p {
			top: 0rem;
			font-size: 0.8rem;
			display: none;
			width: 100%;
			position: absolute;
			right: 3rem;
			padding: 0.1rem;
			transition: all 0.5s ease;
			color: #FFF;
		}



	.utility-sidebar li:hover p {
		display: inline;
		width: 100px;
		transition: all 0.5s ease;
	}


	.utility-sidebar i:hover::before {
		transform: rotateY(360deg);
		transition: all 0.5s;
		color: #FFF;
	}



	.utility-sidebar li {
		list-style-type: none;
		padding-top: 0.5rem;
	}



	.utility-sidebar .utility-btn {
		width: 100%;
		background-color: transparent;
		border: none !important;
	}




		.utility-sidebar .utility-btn p {
			position: absolute;
			background-color: #FFF;
			padding: 8px 15px;
			border-radius: 3px;
			opacity: 0;
			visibility: hidden;
			font-size: 13px;
			letter-spacing: .5px;
		}


			.utility-sidebar .utility-btn p::before {
				content: '';
				display: block;
				position: absolute;
				right: -4px;
				top: 10px;
				transform: rotate(-45deg);
				width: 10px;
				height: 10px;
				background-color: inherit;
			}


		.utility-sidebar .utility-btn:hover p {
			background-color: black;
			visibility: visible;
			opacity: 1;
		}



	.utility-sidebar .img-fluid1 {
		width: 25px;
	}