@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/iranyekanwebboldfanum.eot');
	src: url('../fonts/eot/iranyekanwebboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/eot/iranyekanwebthinfanum.eot');
	src: url('../fonts/eot/iranyekanwebthinfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebthinfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebthinfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/iranyekanweblightfanum.eot');
	src: url('../fonts/eot/iranyekanweblightfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanweblightfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanweblightfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/iranyekanwebregularfanum.eot');
	src: url('../fonts/eot/iranyekanwebregularfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebregularfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebregularfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/iranyekanwebmediumfanum.eot');
	src: url('../fonts/eot/iranyekanwebmediumfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebmediumfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebmediumfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/eot/iranyekanwebextraboldfanum.eot');
	src: url('../fonts/eot/iranyekanwebextraboldfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebextraboldfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebextraboldfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/iranyekanwebblackfanum.eot');
	src: url('../fonts/eot/iranyekanwebblackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebblackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebblackfanum.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/eot/iranyekanwebextrablackfanum.eot');
	src: url('../fonts/eot/iranyekanwebextrablackfanum.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff/iranyekanwebextrablackfanum.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/ttf/iranyekanwebextrablackfanum.ttf') format('truetype');
}
/* ######## css reset ########## */
ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
html{
    font-size: 62.32%;
}
/* ######## css variables ########## */
.container-fluid{
	--bs-gutter-x:3.2rem
}
:root{
    --primary-color : #0b5f6a;
    --text-color : #000;
    --black-color : #000;
	--primary-10: #026D77;
	--primary-11: #015D66;
	--primary-09: #027C88;
    --body-bg : #FFF;
	--white-color : #FFF;
    --transition : all 300ms ease-in-out;
    --font-size : 1.6rem;
    --line-height : 2.6rem;
	--first-hover: rgba(0, 0, 0, 0.08);
	--second-hover: rgba(2, 140, 153, 0.12);
	--line-color : #D0D0D0;
	--line-color2 : #808285;
	--primary-14 : #0a2540;
	--film-title-color : #2D2D2D;
	--subtitle : #6C6C6C;
	--pink-color : #EB1F53;
	--footer-color : #0a2540
}
/* ######## public classes ########## */
.img-cover{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}
.custom-btn{
	display: inline-block;
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 1rem 1.5rem;
	border-radius:.8rem;
	outline: unset;
	transition: var(--transition);
	font-weight: 600;
	border: none;
	outline: none;
}
.custom-btn:hover{
	background-color: #057681;
	color: var(--white-color) !important;
}
.deactive{
	background-color: rgba(2, 140, 153, 0.12);
	color: #64A2A7;
}
.custom-btn:hover{
	color: var(--white-color);
}
.deactive:hover{
	color: #64A2A7;
}

body{
	font-family: iranyekan;
    background-color: var(--body-bg);
    color: var(--text-color);
    font-size: var(--font-size);
    line-height: var(--line-height );
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	font-weight: 300;
	overflow-x: hidden;
}
.main-body{
	flex: 1;
}
.swiper{
	width: 100%;
	height: 100%;
}
.rtl-mode{
	text-align: right;
}
.ltr-mode{
	text-align: left;
}
.main-title{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-title::before{
	content: '';
	position: absolute;
	height: .2rem ;
	width: 100%;
	top: 48%;
	left: 0;
	right: 0;
	background-color: var(--line-color);
	z-index: -1;
}
.main-title-icon{
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	background: var(--primary-14);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: .3rem;
}
.main-title-text{
	display: flex;
	align-items: center;
}
.main-title-text span{
	display: inline-block;
	width: .5rem;
	height: 4rem;
	background-color: var(--primary-color);
	margin-left: .4rem;
}
.main-title-subject{
	padding: 8px 16px 8px 32px;
	align-items: center;
	border-radius: 28px 0px 0px 0px;
	background: var(--primary-color);
	color: var(--white-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
}
.main-title-link{
	display: inline-block;
	padding: 1.2rem 1.6rem 1.2rem 1.2rem;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	color: var(--primary-14);
	transition: var(--transition);
	border-radius: .8rem;
}
.main-title-link:hover{
	background-color: var(--primary-color) !important;
	color: var(--white-color);
}
.main-title-link svg path{
	transition: var(--transition);
}
.main-title-link:hover svg path{
	stroke: var(--white-color) !important;
}
.line-3{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.line-2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
@media (max-width:992px){
	.container-fluid{
		--bs-gutter-x:1.6rem
	}
}
@media (max-width:768px){
	.main-title::before{display: none !important;}
	.main-title-icon{
		width: 30px;
		height: 30px;
	}
	.main-title-text span{
		height: 3rem;
		width: .3rem;
	}
	.main-title-subject{
		font-size: 1.4rem;
		padding: .4rem 1rem .4rem 2rem
	}
	.main-login .custom-btn{
		padding: .8rem 1rem;
	}
}
/* ########### header ############ */
.header{
	padding: 2rem 1rem;
}
.main-logo img{
	width: 9.5rem;
}
.logo-text img{max-width: 28rem;}
.main-menu ul{
	display: flex;
	justify-content: flex-start;
}
.main-menu ul li a,.mobile-menu ul li a{
	display: block;
	padding-left: 2rem;
	color: var(--primary-14);
	font-weight: 600;
	margin-left: 2rem;
	position: relative;
}
.main-menu ul li a::before,.mobile-menu ul li a::before{
	content: '';
	position: absolute;
	height: 70%;
	top: 15%;
	left: 0;
	width: .1rem;
	background-color: var(--primary-color);
}
.mobile-menu ul li a{
	padding-right: 1rem;
}
.mobile-menu ul li a::before{
	left: unset;
	right: 0;
	width: .2rem;
}
.main-menu ul li:last-of-type a::before{display: none;}
.main-menu ul li a:hover{
	color: var(--primary-color);
}
.header-logo{flex: 1;}
.responsive-menu-btn{
	border-radius: .8rem;
	background-color: var(--primary-color);
	color: var(--white-color);
	padding: 1.2rem 1.6rem .5rem;
	text-align: center;
	font-size: 2rem;
	border: none;
	outline: none;
}
.main-login a{font-size: 2rem;}
.main-login-link span{
	font-size: 1.6rem;
	font-weight: 600;
}
.header-search{cursor: pointer;}
.header-search .header-seach-box{
	position: absolute;
	width: 35rem;
	background-color: var(--primary-11);
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: .8rem;
	opacity: 0;
	visibility:hidden;
	z-index: -10;
	transition: all 400ms linear;
}
.header-search .header-seach-box.active{
	opacity: 1;
	visibility:visible;
	z-index: 10;
	top: 6rem;
}
.header-search .header-seach-box::before{
	content: '';
	position: absolute;
	width: 2rem;
	height: 2rem;
	background-color: var(--primary-11);
	top: -1rem;
    left: 1rem;
    transform: rotate(45deg);
	top: -.5rem;
    left: 1.6rem;
    transform: rotate(45deg);
    border-radius: 0.2rem;
	z-index: -1
}
.header-search .header-seach-box form{
	overflow: hidden;
	border-radius: .8rem;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: var(--primary-11);
	padding: 0 1.5rem;
}
.header-search .header-seach-box form input{
	flex-grow: 1;
	padding: 1.3rem 0;
	border: none;
	outline: none;
	color: var(--white-color);
	font-size: 1.5rem;
	background-color: var(--primary-11);
	border-radius: 1.2rem;
}
.search-line{
	width: 1px;
	height: 2.4rem;
	margin: 0 1rem;
	background-color: var(--white-color);
}
.header-wrapper{
	border-bottom: .1rem solid var(--line-color);
	padding-bottom: 2rem;
}
.mobile-menu-wrapper .btn-close{
	position: absolute;
	top: 1rem;
	left: 1rem;
	box-shadow: none !important;
}
.mobile-menu ul li{margin-bottom: 1.5rem;}
@media(max-width:1400px){
	.main-menu ul li a,.mobile-menu ul li a{
		padding-left: 1rem;
		margin-left: 1rem;
	}
}
@media (max-width:1200px){
	.responsive-menu-btn{
		padding: 1rem 1.5rem .4rem;
	}
	.header{
		padding: 3.5rem 1.2rem;
		border-radius: 0px 0px 32px 32px;
		background: var(--white-color);
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
		margin-bottom: 4rem;
	}
	.header-wrapper{border: none;padding-bottom: 0;}
}

@media (max-width:768px){
	.logo-text img{max-width: 18rem;}
	.responsive-menu-btn{
		padding: .7rem 1rem .2rem;
	}
}
@media (max-width:450px){
	.header-search .header-seach-box{width: 30rem;}
	.header-search .header-seach-box input{font-size: 1.3rem;}
	.mobile-menu-wrapper{
		width: 25rem ;
		max-width: 70% !important;
	}
}
@media (max-width:400px){
	.header-search .header-seach-box{width: 26rem;left: -4rem;}
	.header-search .header-seach-box::before{left: 5.3rem;}
}
/* ########## slider ######### */

.slider-item{
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 45%;
}
.slider-item img{
	border-radius: 3rem;
}
.slider-title a{
	color: var(--text-color);
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
	transition: var(--transition);
}
/* .slider-title a:hover{
	color: var(--primary-color);
} */
.slider .swiper-slide{
	position: relative;
}
.slider .slider-content{
	position: absolute;
	bottom: 2rem;
	width: 100%;
	right: 0;
	left: 0;
	z-index: 100;
	padding: 0 3rem;
}
.slider .slider-content > div{
	padding:3rem;
	border-radius: 3.2rem;
    background: rgba(255, 255, 255, 0.90);
	min-height: 15rem;
}
.slider .slider-text{
	color: var(--text-color);
	text-align: right;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4rem;
	margin-top: 2rem;
}
.slider-arrow{
	position: absolute;
	width: 10%;
	z-index: 110;
	bottom: 14.7rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	left: 6rem;
}
.slider-arrow > div{
	position: static !important;
	width: 4rem;
	height: 4rem;
	background-color: var(--primary-color);
	border-radius: .7rem;
	margin: 0 .2rem;
}
.slider .swiper-button-next:after,.slider .swiper-button-prev:after{
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--white-color);
}
.slider-link{
	margin-top: 2rem;
}
.slider-link a{
	display: inline-block;
	border-radius: 8px;
    background: var(--white-color);
	color: var(--primary-10);
	font-size: 1.4rem;
	font-style: normal;
	line-height: 2.4rem;
	padding: .8rem 1.6rem;
	
}
.slider-link a span{
	font-weight: 600;
}
@media (max-width:992px){
	.slider{
		margin-top: 4rem;
	}
	.slider-arrow{display: none;}
	.slider .slider-content{
		position: static;
		margin-top: 1.5rem;
		padding: 0;
	}
	.slider .slider-content > div{
		background-color: var(--primary-color);
		width: 100%;
	}
	.slider-title a,.slider .slider-text{
		color: var(--white-color);
		line-height: 4rem;
	}
	.slider .slider-text{font-size: 1.6rem;}
	.slider-title a{
		font-size: 2rem;
	}
}
@media(max-width:768px){
	.slider-title a{
		font-size: 1.6rem;
	}
	.slider .slider-text{
		font-size: 1.4rem;
		margin-top: 1.2rem;
	}
	.slider-title a, .slider .slider-text{
		line-height: 3rem;
	}
	.slider-link a{font-size: 1.3rem;}
}
/* ######### flimes ######### */
.flimes{
	margin-top: 7.5rem;
}
.filmes-wrapper{
	margin-top: 3rem;
}
.film-item{
	padding: .8rem 1.1rem;
	border-radius: 1.6rem;
	border: 1px solid #D0D0D0;
	background: var(--white-color);
	transition: var(--transition);
}
.film-item:hover{
	background-color: #023D93;
}
.film-item-img{
	position: relative;
	overflow: hidden;
	padding-top: 66%;
}
.film-item-img img{border-radius: 1.6rem;z-index: 1;}
.film-item-title{
	color: var(--film-title-color);
	text-align: right;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
	margin: 1rem 0;
	transition: var(--transition);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.film-item-text{
	color: var(--subtitle);
	text-align: justify;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	overflow: hidden;
	transition: var(--transition);
	
}
.film-item-text p{
	margin-bottom: 0rem;
}
.film-item-link{
	color: var(--primary-analogous-2, #023D93);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	border-bottom: 1px solid #023D93;
	transition: var(--transition);
}
.film-item:hover .film-item-title,.film-item:hover .film-item-text,.film-item:hover .film-item-link{
	color: var(--white-color);
}
.film-item:hover .film-item-link{
	border-color: transparent;
}
.film-play-icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	width: 5rem;
	height: 5rem;
	background: url('../images/play.png') no-repeat center center;
	background-size: contain;
	transition: var(--transition);
}
/* .film-item:hover .film-play-icon{
	opacity: 1;
} */
@media (max-width:1200px){
	.flimes{
		margin-top: 2.5rem;
	}
	.filmes-wrapper .swiper-slide{
		width: 40%;
	}
}
@media (max-width:992px){
	.filmes-wrapper .swiper-slide{
		width: 50%;
	}
}
@media (max-width:768px){
	.flimes{
		margin-top: 2.5rem;
	}
	.filmes-wrapper .swiper-slide{
		width: 66%;
	}
	.filmes-wrapper{margin-top: 1.5rem;}
	.film-item-title{font-size: 1.6rem;}
}
@media (max-width:576px){
	.filmes-wrapper .swiper-slide{
		width: 80%;
	}
}

/* ########### banner ########### */
.banner{
	margin-top: 5rem;
}
.banner-wrapper{
	border-radius: 2.4rem;
    background: #023D93;
	padding: 4rem;
	color: var(--white-color);
}
.banner-title{
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.2rem
}
.banner-text{
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
	margin: 2.5rem 0;
}
.banner-link a{
	display: inline-block;
	background-color: var(--white-color);
	color: #023D93;
	padding: 1.2rem;
	border-radius: .8rem;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.banner-imgs{
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.banner-img{
	position: relative;
	overflow: hidden;
	z-index: 30;
	margin-left: -10rem;
	width: 40%;
}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img:last-of-type{margin-left: 0 !important;}
.banner-img-2{z-index: 20;}
.banner-img-3{z-index: 18;}
.banner-img-4{z-index: 15;}
.banner-img-5{z-index: 10;}
.banner-img-6{z-index: 8;}
.banner-img-7{z-index: 5;}
.banner-img-8{z-index: 4;}
.banner-img-9{z-index: 3;}
.banner-img-10{z-index: 2;}

@media (max-width:992px){
	.banner-imgs{
		margin-bottom: 2.5rem;
	}
	.banner-img{
		position: relative;
		top: 0;
	}
	.banner-title{
		font-size: 2rem;
	}
	.banner-text{font-size: 1.6rem;}
	.banner-img{margin-left: -8rem;}
	.banner-wrapper{
		padding: 3rem 2.5rem;
	}
}
@media(max-width:768px){
	.banner-title{
		font-size: 1.6rem;
	}
}
@media (max-width:576px){
	.banner-title{
		font-size: 1.6rem;
	}
	.banner-text{
		font-size: 1.4rem;
		margin: 1.5rem 0;
	}
	.banner-img{margin-left: -5.5rem;width: 50%;}
	.banner-link a{
		font-size: 1.4rem;
	}
}
/* ######### pics ####### */
.pics{
	margin-top: 5rem;
}
.pics-wrapper{
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
	gap: 2%;
}
.pic-item{
	position: relative;
	height: 55rem;
	width: 16%;
	overflow: hidden;
	transition: var(--transition);
	filter: grayscale(100%);
	border-radius: 1.6rem;
}
.pic-item.active{
	flex-grow: 1;
	filter: unset;
}

.pic-item img{border-radius: 1.6rem;width: auto;height: 100%;}
.pic-item-content{
	position: absolute;
	width: 100%;
	bottom: -100px;
	padding: 0 1.6rem;
	opacity: 0;
	left: 0;
	transition: all 600ms;
	z-index: -50;
}
.pic-item-content > div{
	border-radius: .8rem;
    background: var(--white-color);
	padding: 1.6rem;
}
.pic-item.active .pic-item-content,.pics-mobile-item.active .pic-item-content{ 
	opacity: 1;
	z-index: 20;
	bottom: 1.6rem;
}
.pic-item-title a{
	color: var(--film-title-color);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	transition: var(--transition);
}
.pic-item-title a:hover{
	color: #023D93;
}
.pic-item-text{
	color: var(--subtitle);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	margin-top: 1.1rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.pics-mobile{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pics-mobile-item{
	width: 23%;
	height: 10rem;
	overflow: hidden;
	position: relative;
	filter: grayscale(100%);
	transition: var(--transition);
}
.pics-mobile-item.active{
	width: 100%;
	height: 52rem;
	margin-bottom: 1.3rem;
	order: -1;
	filter: unset;
	order: -1;
}
.pics-mobile-item img{
	border-radius: .5rem;
}
.pics-mobile .pre-active{
	animation-name: picsMobileItem;
    animation-duration: 600ms;
}
@keyframes picsMobileItem {
	from {transform: scale(.5);}
	to {transform: scale(1);}
}
  
@media (max-width:1200px){
	.pic-item{
		height: 40rem;
	}
}
@media (max-width:992px){
	.pics{margin-top: 3rem;}
	.pics .main-title{
		margin-bottom: -1.5rem;
	}
	.pics-wrapper{margin-top: 1.5rem;}
	.pics-mobile{margin-top: 3rem;}
	.pic-item-title{
		font-size: 1.6rem;
	}
	.pic-item-text{font-size: 1.4rem;}
}
@media (max-width:768px){
	.pic-item-title a{font-size: 1.6rem;}
	.pic-item-text{font-size: 1.3rem;display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		margin-top: 0;
	}
	.notes-right .pic-item-text{display: none;}
}
/* ############ notes ##########*/
.notes{
	margin-top: 4rem;
}
.notes-wrapper {margin-top: 3rem;}
.notes-right-wrapper{
	padding: 1.6rem;
	border-radius: 15px;
    border: 1px solid #D0D0D0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.notes-left-wrapper{
	padding: 3rem;
	border-radius: 15px;
    border: 1px solid #D0D0D0;
}
.notes-right{
	position: relative;
	overflow: hidden;
	padding-top: 66%;
	width: 100%;
}

.notes .pic-item-content{
	bottom: 2rem !important;
    z-index: 100 !important;
    opacity: 1;
}
.notes .pic-item-content > div{border-radius: 1.5rem;}
.notes-left-img{
	width: 30%;
	padding-top: 17.7%;
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}
.notes-left-content{width: 68%;}
.notes-left-img img,.notes-right img{
	border-radius: 1.5rem;
}
.notes-left li{
	padding: 1.6rem 0;
	border-bottom: 1px solid #2D2D2D;
}
.notes .pic-item-title{
	font-size: 1.8rem;
	text-wrap: nowrap;
	overflow: hidden;
}
.notes-left li:last-of-type{
	border:none
}
.pic-item-wrapper{
	transition: var(--transition);
}
.pic-item-wrapper:hover{
	background-color: var(--primary-color);
}
.pic-item-wrapper:hover .related-post-title  p{transition: var(--transition);}
.pic-item-wrapper:hover .related-post-title a,.pic-item-wrapper:hover  p{
	color: var(--white-color);
}
@media (max-width:992px){
	.notes-wrapper{margin-top: 1.5rem;}
	.notes-right-wrapper{
		margin-bottom: 2rem;
	}
	.notes-left-img{
		width: 11rem;
		height: 8rem;
	}
	.notes-left-wrapper{padding: 1.2rem;}
}
@media (max-width:420px){
	.pic-item-content > div{padding: 1rem;}
	.pic-item-title{font-size: 1.5rem;}
	.pic-item-text{font-size:  1.6rem;margin-top: .5rem;}
}
/* ########### magazine ########## */
.magazine{
	margin-top: 5.6rem;
}
.magazine-wrapper{
	background-color: var(--primary-14);
	padding: 2rem;
	border-radius: 1.6rem;
}
.magazine-item{
	background-color: var(--white-color);
	padding: 3.2rem;
	border-radius: 1.6rem;
	height: 100%;
}
.magazine-count{
	color: var(--primary-14);
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
}
.magazine-title{
	color: var(--primary-14);
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 6rem;
	letter-spacing: -0.5px;
	margin: .5rem 0;
}
.magazine-text{
	color: var(--primary-15, #001F22);
	text-align: justify;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px;
}
.magazine-btns{
	margin-top: 6rem;
}
.magazine-right-btn a{
	background-color: var(--primary-color);
}
.magazine-left-btn{
	position: absolute;
	bottom: 0;
	width: 60%;
	z-index: 20;
	left: 0;
	display: flex;
	justify-content: flex-end;
	padding-left: 2rem;
    padding-bottom: 3.2rem;
}
.magazine-left-btn  > div{
	position: static !important;
	width: unset !important;
	height: unset !important;
	margin-right: 1rem;
}
.magazine-left-btn  > div span{
	background-color: var(--primary-14) ;
	transition: var(--transition);
}
.magazine-left-btn  > div:hover span{
	background-color: #057681 ;
}

.magazine-left-btn  > div svg{
	width: 3rem;
	transform:  unset !important;
}
.magazine-left-btn .swiper-button-next span{
	padding: 12px 12px 12px 24px;
}
.magazine-left-btn .swiper-button-prev span{
	padding: 12px 24px 12px 12px;
}
.magazine-left-btn > div::after{display: none !important;}
.magazine-imgs{
	display: flex;
	justify-content: flex-end;
	overflow-x: hidden;
}
.magazine-img-item{
	width: 29rem;
	position: relative;
	margin-left: -20rem;
}
.magazine-img-item:last-of-type{
	margin-left: 0 !important;
}
.magazine-img-wrapper{
	position: relative;
	width: 100%;
	padding-top: 127%;
	overflow: hidden;
}
.magazine-img-wrapper img{
	border-radius: 1rem;
}
@media (max-width:1800px) and (min-width: 1200px){
	/* .magazine-btns{margin-top: 3rem;} */
	.magazine-slider .line-3{
		-webkit-line-clamp: 2;
	}
}
@media (max-width:1200px){
	.magazine-btns{margin-top: 3rem;}
	.magazine-img-item{
		width: 21rem;
		position: relative;
		margin-left: -14rem;
	}
	.magazine-imgs{margin-bottom: 2rem;}
	.magazine-item{
		padding: 2.5rem 1.5rem;
	}
	.magazine-text{
		font-size: 1.6rem;
		line-height:2.8rem;
	}
	.magazine-count{font-size: 1.8rem;}
	.magazine-title{font-size: 2rem;margin: 0;}
	.magazine-left-btn .swiper-button-next span,.magazine-left-btn .swiper-button-prev span,.magazine-right-btn a{
		padding: .5rem .8rem !important;
	}
	.magazine-right-btn a{font-size: 1.4rem;}
	.magazine-left-btn{width: 40%;}
	.magazine-left-btn{padding-bottom: 2.7rem;}
}
/* ######## collection-wrapper ####### */
.collections{
	margin-top: 5rem;
}
.collection-wrapper{
	padding: 3rem 0;
}
.collection-wrapper .swiper-slide{
	width: 20rem;
}
.collection-item{
	border-radius: 1.6rem;
	border: 1px solid var(--line-color);
	background: var(--white-color);
	padding: 1.6rem 3rem;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.collection-item img{
	max-width: 15rem;
	position: relative;
	z-index: 7;
}
.collection-item-bg{
	border-radius: 1.6rem;
	position: absolute;
	z-index: 5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: var(--transition);
}
.collection-item:hover .collection-item-bg{
	opacity: 1;
}
.collection-wrapper .swiper-wrapper{
	align-items: baseline !important;
}
@media(max-width:992px){
	.collection-wrapper{padding: 0;}
}
/* ########### footer ######## */

.footer{
	margin-top: 5.6rem;
}
.footer-fluid{
	background-color: var(--footer-color);
	border-radius: 1.5rem;
}
.footer-wrapper{
	padding: 3rem 5rem;
}
.footer-main-logo img{
	max-width: 13rem;
}
.socials a{
	display: inline-block;
	margin-left: 1rem;
}
.socials img{
	width: 3rem;
}
.footer-logo-title{
	color: transparent;
    border-bottom: 1px solid var(--white-color);
    display: inline-block;
}
.footer-menu ul li,.footer-contact li{margin-bottom: 2rem;}
.footer-menu ul li:last-of-type,.footer-contact li:last-of-type{margin-bottom: 0;}
.footer-menu ul li a,.footer-contact li{
	color: var(--white-color);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	display: block;
}
.footer-second-logo img{
	max-width: 20rem;
}
.footer-bg{
	height: 17rem;
	margin-top: 1rem;
	background: url('../images/footer-bg.png');
	background-position-y:bottom;
	background-size: contain;
}
.copyright{
	text-align: center;
	color: var(--subtitle);
	font-family: IRANSans(FaNum);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	margin: 3rem 2rem;
}
@media(max-width:992px){
	.footer{margin-top: 3rem;}
}
@media(max-width:768px){
	.footer-fluid{
		border-radius: 32px 32px 0px 0px;
	}
	.footer-wrapper{
		padding: 3rem 2rem 0;
	}
	.footer-bg{background-size: contain;margin-top: 0;}
	.footer-second-logo img{
		max-width: 13rem;
	}
	.footer-bg{height: 13rem;}
}
@media(max-width:576px){
	.footer-bg{background-repeat: no-repeat;}
}


/* ########### gallery-page ############# */
.gallery-page-slider-item{
	width: 100%;
	padding-top: 35%;
	position: relative;
	overflow: hidden;
}
.gallery-page-slider-item img{
	border-radius: 1.6rem;
}
.gallery-page .swiper-button-next,.gallery-page .swiper-button-prev{
	width: 50px;
    height: 48px;
	background-color: var(--white-color);
	color: var(--primary-14);
}
.gallery-page .swiper-button-next::after,.gallery-page .swiper-button-prev::after{
	display: none;
}
.gallery-page .swiper-button-next{
	left: 0;
	border-radius: 0 1rem 1rem 0;
}
.gallery-page .swiper-button-prev{
	right: 0;
	border-radius: 1rem 0 0 1rem;
}
/* .gallery-page-thumb-slider .swiper-slide{
	width: 21rem;
} */
.gallery-page-thumb-slider .single-gallery-item > div {
	position: relative;
	width: 100%;
	padding-top: 70%;
	overflow: hidden;
}

.gallery-page-thumb-slider .single-gallery-item > div img{border-radius: 1.2rem;}
.gallery-page-thumb{
	border-radius: 24px;
	background: rgba(2, 140, 153, 0.50);
	margin-top: 2.4rem;
	padding: 2.4rem; 
}
.gallery-page-thumb-post{
	background: unset;
}
/* .single-gallery-item{
	width: 19%;
} */
.lg-sub-html{
	display: none;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
	border-color: var(--primary-color) !important;
}
.lg-container{
	direction: ltr;
}
.gallery-page-content{
	padding: 3rem 5rem;
	border: .1rem solid var(--line-color);
	border-radius: 1.6rem;
	margin-top: 3.2rem;
}
.breadcrumb a{
	display: inline-block;
	color: var(--light-trunks, var(--light-trunks, #999CA0));
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	padding-left: 2rem;
	margin-left: 1rem;
	position: relative;
}
.breadcrumb a::after{
	content: '';
	position: absolute;
	left: 0;
	top: .3rem;
	width: 1.6rem;
	height: 1.6rem;
	background: url('../images/Arrows-left.png');
}
.breadcrumb span{
	color: var(--light-bulma, #000);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem
}
.breadcrumb-wrapper{
	padding-bottom: 1.6rem;
	border-bottom: .1rem solid var(--line-color);
}
.share,.copyLink,.print{
	display: inline-block;
	padding: .5rem;
	text-align: center;
	border-radius: 4px;
    border: 1px solid var(--light-Border, #CCC);
	background: transparent;
	transition: var(--transition);
}
.quick-access-icon{
	vertical-align: middle;
	transition: var(--transition);
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	background: url('../images/share.png') no-repeat center center;
	background-size: cover;
}
.print .quick-access-icon{
	background-image: url('../images/Print_light.png');
}
.print:hover .quick-access-icon{
	background-image: url('../images/Print_light-green.png');
}
.share:hover .quick-access-icon{
	background-image: url('../images/share2.png');
}
.share:hover,.copyLink:hover,.print:hover{
	border-color: var(--primary-color);
    background: var(--ghost-hit, rgba(2, 140, 153, 0.12));
}
.copyLink:hover svg path{
	stroke: var(--primary-14);
}
.single-page-text{
	margin-top: 4rem;
}
.single-page-title{
	color: var(--black-color);
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
	margin: 4rem 0;
}
.single-page-text{
	color: var(--black-color);
	text-align: justify;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height:3.1rem; 
}
.single-page-text img , .single-content-wrapper img{
	border-radius: .8rem;
	max-width: 100%;
	display: table;
	margin: 1rem auto;
}
.single-content-wrapper{
	padding: 2.4rem 0;
}
.tag-title{
	color: var(--Title, #2D2D2D);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
}
.tags-wrapper a{
	color: var(--Subtitle, #6C6C6C);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem
}
.related-post{
	margin-top: 6rem;
	padding: 5.5rem 1.4rem 2rem;
	border: .1rem solid var(--line-color2);
	border-radius: 1.6rem;
}
.related-post-item{
	border-radius: 1.6rem;
	overflow: hidden;
	border: 1px solid var(--line-color);
}
.related-post-content{
	color: var(--Subtitle, #6C6C6C);
	text-align: justify;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px
}
.related-post-text{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.related-post-img{
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 50%;
}
.related-post-title a{
	overflow: hidden;
	color: var(--film-title-color);
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	padding-left: 1.5rem;
	display: block;
	transition: var(--transition);
}
.related-post-title:hover a{
	color: var(--primary-09);
}
.related-post-content{
	padding: 2.4rem;
}
.related-post .main-title{
	position: absolute;
	top: -2.5rem;
	right: -.1rem;
}
.related-post .main-title::before{
	display: none;
}
.single-comments{
	/* display: flex; */
	/* flex-direction: column-reverse; */
}
.single-comments #respond{width: 100%;margin: 5rem 0 0;}
.single-comments input,.single-comments textarea{
	width: 100%;
	border-radius: .8rem;
	padding: 1.3rem;
	border: .1rem solid var(--line-color);
	outline: unset !important;
}
.single-comments input[type='submit']{
	width: 15rem;
	font-size: 1.5rem;
	background-color: var(--primary-14) !important;
	box-shadow: none !important;
}
.single-comments .children{margin-right: 3rem;}
.single-comments .comment-author-name{
	color: var(--Title, #2D2D2D);
	text-align: right;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}
.single-comments .comment-text-content{
	color: var(--subtitle);
	text-align: justify;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.5rem;
	padding-bottom: 1.5rem;
}
.single-comments .comment-item-sina{margin-bottom: 2rem;}
/* .single-comments .comment-form{margin-top: 5rem;} */
.single-comments .comment-author-thumb img{width: 6.4rem;border-radius: 1.2rem;}
.single-comments-wrapper{
	padding: 5.5rem 3.5rem 2rem;
}
.modal-login a{
	color: var(--primary-14);
	font-size: 1.6rem;
	font-weight: 600;
}
.modal-login-close{box-shadow: none !important;}
@media(max-width:768px){
	.single-comments #respond{
		width: 100%;
	}
	.single-page-title{
		font-size: 1.8rem;
		line-height: 2.7rem;
		margin: 2.5rem 0;
	}
	.single-content-wrapper{
		padding: 1.5rem 0;
	}
	.single-page-text{font-size: 1.4rem;line-height: 2.8rem;}
	.tag-title{font-size: 1.6rem;}
	.tags-wrapper a{font-size: 1.4rem;}
}
@media(max-width:567px){
	.gallery-page-slider-item{
		padding-top: 45%;
	}
	.gallery-page-thumb-slider .swiper-slide > div{
		padding-top: 55%;
	}
}
/* post */
.post-page{
	margin-top: 3.3rem;
}
.post-date{
	padding:.7rem;
	display: inline-block;
	background: var(--light-hover, rgba(0, 0, 0, 0.08));
	color: var(--subtitle);
	text-align: center;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	border-radius: .5rem;
}
.single-page-post-excerpt{
	padding: 2.4rem;
	border-radius: 1.6rem ;
	background: var(--hover-hit, rgba(2, 140, 153, 0.12));
	text-align: justify;
	color: var(--black-color);
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 4rem;
	margin: 4rem 0;
}
.single-page-thumb{
	width: 100%;
	position: relative;
	padding-top: 40%;
	overflow: hidden;
}
.single-page-thumb img{
	border-radius: 1.6rem;
}
.wp-block-image img{width: 100%;}
:where(.wp-block-columns){margin-bottom: 0;}
.post-page .single-page-text{margin-top: 2rem;}
.single-wrapper{
	padding: 0 2rem 2rem;
    border: 0.1rem solid var(--line-color2);
    border-radius: 1.6rem;
    margin-top: 3.2rem;
}
.tags-wrapper{
	border-top: .1rem solid var(--line-color2);
	padding-top: 2.4rem;
}
.hashtag-content-img{
	margin-left: 1.8rem;
}
.hashtag-content-img img{
	max-width: 6.4rem;
	transition: var(--transition);
}
.hashtag-content-title a{
	color: var(--film-title-color);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem
}
.hashtag-content-subtitle{
	color: var(--subtitle);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
}
.page .main-title .main-title-icon{
	border-radius: 0 4px 0 0;
}
.page .main-title::before{
	display: none;
}

.news-tab{
	border: .1rem solid var(--line-color2);
	border-radius: 1.6rem;
	padding: 1rem 2rem 0;
}
aside .main-title {
	position: absolute;
	right: -1px;
	top: -2.5rem;
}
.news-tab-content button,.news-tab-content ul{
	border: none !important;
}
.news-tab-content button{
	color: var(--primary-10);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem

}
.news-tab .active{
	background-color: transparent !important;
	color: var(--primary-10) !important;
}
.news-tab-content ul{
	border-radius: .8rem;
	padding: 1rem;
   background: var(--ghost-hit, rgba(2, 140, 153, 0.12));
}

.tab-switch input{
	background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
	box-shadow: none !important;
	width: 4.4rem !important;
    height: 2.4rem !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}
.news-tab-content .nav-tabs{flex-wrap: nowrap !important;}
.news-tab-item,.sidebar-hashtag .hashtag-content-item{
	padding: 1.6rem .8rem;
	border-bottom:.1rem solid var(--line-color) ;
}
.news-tab-item > div{
	transition: var(--transition);
	border-radius: 8px;
	padding: .6rem;
}
.news-tab-item:hover > div{
    background: var(--hover-hit, rgba(2, 140, 153, 0.12));
}
.news-tab-item:hover .news-tab-item-title a{
	color: var(--primary-10);
}
.sidebar-hashtag .hashtag-content-item{
	border-radius: .8rem;
	transition: var(--transition);
	border-radius: 0 !important;
}
.sidebar-hashtag .hashtag-content-item:hover{
	opacity: 1;
}
.sidebar-hashtag .hashtag-content-item{padding-right: 0;}
.news-tab-item-img,.hashtag-content-img{
	position: relative;
	min-width: 7.6rem;
	height: 6.4rem;
	overflow: hidden;
	margin-left: .8rem;
}
.news-tab-item-img img,.hashtag-content-img img{
	border-radius: 1.2rem;
}
.news-tab-item-title a{
	color: var(--film-title-color);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem;
	transition: var(--transition);
}
.news-tab-more{
	margin-top: 1.6rem;
}
.news-tab-more a{
	color: var(--primary-14, #012F33);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	transition: var(--transition);
	display: inline-block;
	padding: 1.2rem 1.6rem 1.2rem 1.2rem;
	border-radius: .8rem;
}
.news-tab-more a:hover{
	color: var(--white-color);
	background-color: var(--primary-color);
}
.news-tab-more a svg path{
	transition: var(--transition);
}
.news-tab-more a:hover svg path{
	stroke: var(--white-color);
}
.sidebar-hashtag{
	border: 0.1rem solid var(--line-color2);
    border-radius: 1.6rem;
	padding: 1rem 2rem 0;
	margin-top: 6.5rem;
}
.hashtag-content-img img{
	border: 1px solid var(--line-color2);
}
.hashtag-content-items  .swiper-wrapper{
	align-items: center;
}
.hashtag-content-items .swiper-slide{
	width: 24rem;
}
@media(max-width: 768px){
	.single-page-post-excerpt{
		font-size: 1.6rem;
		line-height: 3.2rem;
		margin: 3rem 0;
	}
	.page aside{
		margin-top: 5rem;
	}
}
/* note page */
.author-img{
	position: relative;
	overflow: hidden;
	width: 10rem;
	height: 10rem;
	flex-shrink: 0;
	margin-left: 1.5rem;
}
.author-img img{
	border-radius: 1.2rem;
}
.author-name{
	color: var(--film-title-color);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.author-text{
	color: var(--subtitle);
	text-align: justify;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.8rem
}
.selected-notes-wrapper{
	padding: .7rem .5rem;
	border-radius: 8px;
	transition: var(--transition);

}
.selected-notes-wrapper:hover{
	background: rgba(2, 61, 147, 0.15);
}
.selected-notes-title a{
	overflow: hidden;
	color: var(--film-title-color);
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical; 
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	transition: var(--transition);
}
/* .selected-notes-title a:hover{
	color: var(--primary-10);
} */
.selected-notes-author{
	color: var(--subtitle);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2rem
}
@media(max-width: 768px){
	.page .related-post .main-title,aside .main-title{
		top: -2rem;
	}
	.author-img{
		width: 7.5rem;
		height: 7.5rem;
	}
	.author-text{
		font-size: 1.4rem;
		line-height: 2.5rem;
	}
}

/* page book  */
.book-img-wrapper,.book-details{
	border-radius: 1.6rem;
	border: 1px solid var(--line-color2);
}
.book-item{
	transition: var(--transition);
}
.book-item:hover{
	border-color: var(--primary-color) !important;
}
.book-img-wrapper{
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.book-img{
	position: relative;
	width: 100%;
	padding-top: 91%;
	overflow: hidden;
}
.book-details{
	padding: 4rem 3rem;
}
.book-title{
	color: var(--black-color);
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3.2rem;
	margin-bottom: 4rem;
}
.book-details-items li{
	width: 50%;
	margin-bottom: 3.4rem;
}
.book-details-items li span{
	color: #636363;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.book-details-items li span:last-of-type{font-weight: 500;}
.book-details .custom-btn{
	background: var(--primary-14);
}
.book-page{margin-top: 3rem;}
.book-page .single-page-text{margin-top: 0;}
.book-page .related-post-img{
	padding-top: 75%;
}
.related-book-img{padding-top: 80%;}
@media(max-width:567px){
	.book-details{padding: 2.5rem;}
	.book-title{font-size: 2rem;margin-bottom: 2.2rem;}
	.book-details-items li{width: 100%;margin-bottom: 2rem;}
	.book-details-items li span{font-size: 1.4rem;}
}
/* page-intro */
.page-intro .single-page-text{
	font-size: 1.6rem;
	line-height: 3.2rem;
	margin-top: 0;
}
.page-intro .single-page-title{
	margin: 2rem 0;
}
.about-page-img-wrapper{
	background-color: var(--primary-color);
	border-radius: 1.6rem;
	padding: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-page-img{
	position: relative;
	overflow: hidden;
	padding-top: 100%;	
	width: 100%;
}
.page-intro,.about-page-content .single-page-text{
	margin-top: 0;
}
.about-page-content .related-post{
	padding: 3.5rem 4rem;
}
.about-persons-item{
	border: .1rem solid var(--line-color);
	border-radius: 1.6rem;
	padding: 3rem 1.7rem;
}
.about-persons-img{
	position: relative;
	overflow: hidden;
	width: 10rem;
	height: 10rem;
	display: table;
	margin: 0 auto;
	border-radius: 50%;
}
.about-persons-img{
	border-radius: 50%;
}
.about-persons-title{
	color: #272727;
	text-align: center;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 3rem 0 1.5rem;
}
.about-persons-position{
	color: #565656;
	text-align: center;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal
}
.about-persons-social{margin-top: 2rem;text-align: center;}
.about-persons-social a{
	transition: var(--transition);
	width: 3.2rem;
	height: 3.2rem;
	text-align: center;
	background-color: #A9A9A9;
	color: #fafafa;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: .4rem;
	margin: .4rem;
	transition: var(--transition);
}
.about-persons-social a:hover{
	background-color: var(--primary-color);
}
@media(max-width:768px){
	.page-intro .single-page-text{
		font-size: 1.4rem;
		line-height: 2.7rem;
	}
	.about-page-content .related-post{
		padding: 2.5rem 2.8rem;
	}
	.about-persons-title{
		font-size: 1.7rem;
		margin:2rem 0 1rem
	}
	.about-persons-social{margin-top: 1rem;}
}
/* collection */
.collection-page-img-wrapper{
	border: .1rem solid var(--line-color2);
	border-radius: 1.6rem;
	padding: 3rem;
}
.collection-page-img{
	position: relative;
	overflow: hidden;
	padding-top: 100%;
	width: 100%;
}
.collection .custom-btn{
	background-color: var(--primary-14);
}
/* contact */
.map-setad {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 1.6rem;
	min-height: 400px;
}
#map {
	width: 100%;
	height: 100%;
}
.contact-item{
	padding: 1.6rem 2.4rem;
	border-radius: 1.6rem;
	border: .1rem solid var(--primary-color);
}
.contact-icon{
	width: 7rem;
	height: 7rem;
	border-radius: 50%;
	background-color: rgba(2, 140, 153, 0.12);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-left: 2rem;
	font-size: 2.5rem;
	flex-shrink: 0;
}
.contact-btn{padding: 1.5rem 2.5rem;font-size: 2.4rem;}
.contact-item-content{
	display: flex;
	flex-direction: column;
}
.contact-item-content span:first-of-type{
	color: var(--film-title-color);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.4rem;
	margin-bottom: 1.2rem;
}
.gform_wrapper.gravity-theme .gform_validation_errors{border: none !important;box-shadow: none !important;}
.validation_message{border-radius: .8rem !important;}
.contact-item-content span:last-of-type{
	color: var(--subtitle);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem
}
.contact-map{
	margin-top: 5rem;
}
.contact-form-wrapper{
	border-radius: 1.6rem;
	background-color: var(--primary-color);
	padding: 8rem;
}
.contact-form-wrapper .gfield{
	margin-bottom: 2rem !important;
}
.contact-form-wrapper .gform_footer{padding: 0 !important;}
.contact-form-wrapper input,.contact-form-wrapper textarea{
	background-color: var(--white-color);
	border-radius: .8rem;
	padding:  1.7rem !important;
	font-size: 1.6rem;
	color: var(--subtitle);
	border: none;
	outline: none;
}
.contact-form-wrapper .gform_wrapper.gravity-theme .gform_fields{grid-row-gap:0}
.contact-form-wrapper .gform_wrapper.gravity-theme .gform_footer{margin: -12px 0 0 !important;}
#gform_submit_button_1{
	width: 100%;
	color: var(--white-color);
	background-color: var(--primary-14);
}
.contact-questions{
	margin-top: 5rem;
}
.contact-questions .accordion-button{
	box-shadow: none !important;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
	color: var(--primary-10);
}
.contact-questions .accordion-button.collapsed{
	color: var(--151618, #151618);
}
.contact-questions .accordion-button::after{
	position: absolute;
	right: 0;
	margin-right: unset;
	background-image: url('../images/mines.png') !important;
	background-size: cover !important;
	width: 2rem;
	height: 2rem;
	transform: unset !important;
}
.contact-questions .accordion-button.collapsed::after{
	background-image: url('../images/Plus.png') !important;
}
.contact-questions .accordion-item{
	margin-bottom: 3.2rem;
	border-radius: .8rem;
	padding: 2rem;
}
.contact-questions .accordion-item:last-of-type{margin-bottom: 0;}
.contact-questions .accordion-item:has(.accordion-button){
	border: .1rem solid var(--primary-10);
}
.contact-questions .accordion-item:has(.collapsed){
	border: .1rem solid var(--line-color);
}
.contact-questions .accordion-button:not(.collapsed){
	background-color: var(--white-color);
}
.questions-answer{
	padding-right: 2rem;
}
.questions-answer li{
	color: var(--film-title-color);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.8rem;
	position: relative;
}
.questions-answer li::before{
	content: '';
	position: absolute;
	width: .8rem;
	height: .8rem;
	background-color: var(--primary-color);
	top: 1rem;
	right: -1.7rem;
}
@media (max-width:768px){
	.contact-btn{font-size: 1.9rem;padding: 1rem 1.5rem;}
	.contact-item-content span:first-of-type{
		font-size: 1.6rem;
	}
	.contact-item-content span:last-of-type{
		font-size: 1.4rem;
	}
	.contact-icon{
		width: 6rem;
		height: 6rem;
		font-size: 2rem;
	}
}

/* ######## category ######## */
.news-cat{
	border-radius: 1.7rem 1.7rem 3.2rem 3.2rem;
	overflow: hidden;
}
.news-cat-img{
	position: relative;
	width: 100%;
	padding-top: 90%;
	overflow: hidden;
}
.news-cat-img img{
	border-radius: 16px 16px 0px 0px;
}
.news-cat-content{
	position: relative;
	border-radius: 3.2rem;
	background: var(--white-color);
	box-shadow: 0px -4px 5px 0px rgba(0, 0, 0, 0.15);
	padding: 3.2rem 2.4rem;
	margin-top: -8rem;
	border: 1px solid var(--line-color);
	transition: var(--transition);
}
.news-cat:hover .news-cat-content{
	border-color: var(--primary-color);
}
.news-cat-title a{
	overflow: hidden;
	color: var(--film-title-color);
	white-space: nowrap;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	margin-bottom: 1.3rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	transition: var(--transition);
}
.news-cat-title a:hover{
	color: var(--primary-color);
}
.news-cat-text p{
	color: var(--subtitle);
	text-align: justify;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.3rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}
.pagiante{margin-top: 5rem;}
.cat-search{
	margin-bottom: 3.2rem;
}
.cat-search input{
	border-radius: 8px;
    border: 1px solid var(--line-color);
	border-radius: 1.2rem;
	outline: none;
	padding: 1rem 4rem 1rem 1rem;
	width: 40rem;
}
.cat-search-icon{
	position: absolute;
	right: 5px;
    top: 9px;
	background: transparent;
	border: none;
	outline: none;
}
.pagiante .wp-pagenavi {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pagiante .wp-pagenavi a,.pagiante .wp-pagenavi span{
	color: var(--black-color);
	text-align: center;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.4rem;
	display: inline-block;
	width: 3.5rem;
	height: 3.5rem;
	margin: 0 .5rem;
	border-radius: .8rem;
	text-align: center;
	line-height: 3.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding-top: .3rem;
}
.pagiante .wp-pagenavi span.current{
	background-color: var(--primary-color);
	font-weight: 600;
	color: var(--white-color);
}
.pagiante .nextpostslink,.pagiante .previouspostslink{
	border: 1px solid var(--line-color);
	color: var(--line-color) !important;
}
.pagiante i{font-size: 2rem;}
.main-sidebar .sidebar-hashtag{margin-top: 0;}


/* ######### pictures ########## */
.sort{
	color: var(--line-color2);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem;
	margin-left: 2.4rem;
}
.filter-box{
	border-bottom: 1px solid var(--line-color);
	margin-bottom: 5rem;
	padding-bottom: .2rem;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
@media(max-width:768px){
	.filter-box{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.filter-box .cat-search{margin-top: 1.3rem;}
}
@media(max-width:576px){
	.cat-search{width: 100%;}
	.filter-box .cat-search form{width: 100%;display: flex;justify-content: center;}
	 .cat-search input{
		width: 100%;
		display: table;
		max-width: 0 auto;
	}
}

/* notes page */
.notes .pic-item-title a:hover{
	color: var(--primary-color);
}
.note-img{
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 1.6rem;
    border: 1px solid var(--line-color);
}
.note-img img{
	border-radius: 1.6rem;
}
.note-text{
	position: absolute;
	z-index: 10;
	bottom: .8rem;
	margin: 0 .8rem;
	background-color: var(--white-color);
	border-radius: 1.6rem;
	padding: 1.6rem 2rem;
	overflow: hidden;
	transition: var(--transition);
}
.note-text:hover{
	background-color: #023D93;
}
.note-item-title a{
	overflow: hidden;
	color: var(--film-title-color);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.4rem
}
.note-item-author{
	color: var(--subtitle);
	text-align: justify;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 500;
	line-height: 2.3rem;
}
.note-text:hover .note-item-title a,.note-text:hover .note-item-author{
	color: var(--white-color);
}
/* ######### hastag-page ########## */

.hastag-page .related-post{
	border: none;
	padding: 0;
}
.hastag-page .related-post .main-title{
	position: relative;
}
.hastag-page .related-post .main-title::before{
	display: block;
}
.video-item .news-cat-content{
	margin-top: 0 !important;
	border-radius: 1.6rem;
	padding: 2.4rem ;
	box-shadow: none;
}
.custom-rounded{border-radius: 1.6rem !important;}
.video-item .news-cat-title a{font-size: 1.8rem;}
.hashtag-page .hashtag-content-item{
	border: 1px solid var(--line-color);
	border-radius: 1.6rem;
	padding: 0;
}
.hashtag-content-item{
	transition: var(--transition);
	padding: .8rem;
	border-radius: .8rem;
}
.hashtag-content-item > div{
	padding: 1.6rem;
	border-radius: .8rem;
	transition: var(--transition);
}
.hashtag-content-item:hover > div{
	background-color: rgba(2, 140, 153, 0.12);
}
.hashtag-content-item:hover > div a,.hashtag-content-item:hover > div span{
	color: var(--primary-color) !important;
}
.hashtag-content-item:hover img{
	border-color: rgba(2, 140, 153, 0.12);
}
/* ######## film page  ############### */
.film-intro{
	background: #023D93;
	border-radius: 1.6rem;
	padding: 3.2rem;
	margin-bottom: 6rem;
}
.film-intro-title{
	color: var(--white-color);
	text-align: justify;
	font-size: 2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.3rem;
	margin-bottom: 1.7rem;
}
.film-intro-text{
	color: var(--white-color);
	text-align: justify;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.5rem;
	margin-bottom: 4rem;
}
.film-intro-tag{
	display: inline-block;
	border-radius: 8px;
    background: #002A68;
	color: var(--white-color);
	font-size: 1.4rem;
	font-weight: 600;
	margin: 0 0 1rem 1rem;
	padding: .8rem;
	border-radius: 1.2rem;
}
.film-intro-video,.single-video-wrapper{
	width: 100%;
	overflow: hidden;
	border-radius: 1.6rem;
}

.not-found{
	background-color: var(--white-color);
	color: var(--primary-14);
	font-size: 2rem;
	font-weight: bold;
	padding: 0 2rem 3rem;
	border-radius: 1.6rem;
}

/* ############# profile ########## */
.profile-sidebar{
	padding: 2.4rem;
	border-radius: 1.6rem;
	background-color: var(--primary-color);
}
.profile-sidebar a{
	display: flex;
	justify-content: flex-start;
	color: var(--white-color);
	padding: 1.5rem 3rem 1.5rem .8rem;
	border-radius: .5rem;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.profile-sidebar a:hover{
	color: var(--white-color);
}
.profile-sidebar a svg path{
	fill: var(--white-color);
}
.profile-sidebar a span{display: inline-block;margin-right: 2.4rem;}
.profile-sidebar a.active{
	background-color: var(--white-color);
	color: var(--primary-color);
}
.profile-sidebar a.active svg path{
	fill: var(--primary-color);
}

.profile-content{
	border: .1rem solid var(--line-color2);
	border-radius: 1.6rem;
	padding: 3rem 5rem;
}
.profile-input-wrapper
{
	border-radius: .8rem;
	border: .1rem solid var(--line-color2);
	width: 45%;
	display: flex;
	align-items: center;
	padding: 0 1rem;
	margin-bottom: 2.4rem;
}
.profile-input-wrapper input,.profile-input-wrapper select{
	border: none;
	background: transparent;
	outline: unset;
	padding: 1.3rem;
	flex-grow: 1;
	color: #6d7070;
}
.profile-submit{
	background-color: var(--primary-14);
}
.profile-btns svg{
	vertical-align:-.8rem
}
.message-content textarea{
	border-radius: .8rem;
	border: .1rem solid var(--line-color);
	outline: unset;
	width: 100%;
	padding:2rem;
}
.message-content-items{
	width: 55%;
}
.message-content-textarea{
	width: 38%;
	flex-shrink: 0;

}
.message-content-title{
	color: var(--film-title-color);
	text-align: right;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.5rem;
	margin-bottom: 4rem;
}
.message-content-item-user span{
	color: var(--primary-12);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.5rem;
	display: inline-block;
	margin-left:1.4rem;
	margin-top: .5rem;
	flex-shrink: 0;
}
.message-content-item-user div{
	padding: 1.3rem;
	color: var(--film-title-color);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	border: .1rem solid var(--primary-color);
	border-radius: .4rem;
	background-color: var(--white-color);
	position: relative;
}
.message-content-item-user div::before{
	content: '';
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 0 .3rem 0 0;
	border-color: var(--primary-color);
	border-style: solid;
	border-width: .1rem;
	border-left: 0;
	border-bottom: 0;
	top: 1.2rem;
    right: -8px;
    background-color: var(--white-color);
    transform: rotate(47deg);
}
.message-content-item-admin{
	margin-right: 4rem;
}
.message-content-item-admin span{
	color: var(--film-title-color);
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 3.5rem;
	display: inline-block;
	margin-right: 1.4rem;
	margin-top: .5rem;
	flex-shrink: 0;
}
.message-content-item-admin div{
	padding: 1.3rem;
	color: var(--black-color);
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
	border: .1rem solid var(--line-color);
	border-radius: .4rem;
	background-color: var(--white-color);
	position: relative;
}
.message-content-item-admin div::before{
	content: '';
	position: absolute;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 0 .3rem 0 0;
	border-color: var(--line-color);
	border-style: solid;
	border-width: .1rem;
	border-left: 0;
	border-bottom: 0;
	top: 1.2rem;
    left: -8px;
    background-color: var(--white-color);
    transform: rotate(-134deg);
}
.profile-content.contact-questions button::after{
	position: relative !important;
	right:  unset !important;
	margin-right: auto !important;
	background-image: url('../images/mdi-light_arrow-up-circle.png') !important;
	width: 2.5rem;
	height: 2.5rem;
} 
.profile-content.contact-questions .accordion-button.collapsed::after{
	background-image: url('../images/mdi-light_arrow-down-circle.png') !important;
}
.contact-questions-date,.contact-questions-title{
	margin-left: 7rem;
	color: #636363;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contact-questions-title{margin-left: 0;}
.profile-notifications img{
	max-width: 100%;
	height: auto;
	border-radius: 1rem;
}
.profile-notifications-content{
	color: #636363;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.profile-notifications.contact-questions{margin-top: 0;}
@media(max-width:992px){
	.message-content-textarea,.message-content-items{
		width: 100%;
	}
}
@media(max-width:768px){
	.profile-content{
		padding: 2.5rem;
	}
	.contact-questions .accordion-item{margin-bottom: 2rem;}
	.contact-questions .accordion-item{
		padding: 1rem;
	}
	.contact-questions-date, .contact-questions-title{margin-left: 3rem;}
}
@media(max-width:567px){
	.profile-content{padding: 2rem;}
	.profile-input-wrapper{width: 100%;}
	.message-content-item-user span,.message-content-item-admin span{font-size: 1.6rem;}
	.message-content-item-admin div,.message-content-item-user div{
		font-size: 1.4rem;
		line-height:2.2rem
	}
}

/* auth-page  */
.auth-page{
	display: flex;
	justify-content: center;
}
.auth-page .auth{
	width: 90%;
	max-width: 70rem;
	background-color: var(--primary-color);
	border-radius: 1.6rem;
	padding: 8rem 12rem;
}
/* .auth-page .auth input{
	direction: rtl !important;
}
.mobile_field:focus{direction: ltr !important;} */
.auth-page .auth input,.auth-page .auth select{
	border-radius: 8px !important;
    background: var(--light-gohan, #FFF) !important;
	border: none !important;
	padding: 1.5rem 4rem 1.5rem 1.5rem !important;
	color: #6d7070;
}
.auth-page .auth label{
	display: none !important;
}
.auth .minput_inner{
	margin: 0  0 2.5rem 0 !important;
}
.auth .button{
	width: 100%;
	border-radius: 1.6rem;
	text-align: center;
	background-color: var(--primary-14);
	color: var(--white-color);
	font-weight: 500;
	padding: 2.5rem 0 !important;
	margin-bottom: 2rem;
}
.auth .backtoLoginContainer a,.transupbutton{
	width: fit-content;
	background-color: var(--white-color) !important;
	border-radius: 1.6rem !important;
	padding: 1rem !important;
	font-weight: 500;
	border: none !important;
	outline: none !important;
	display: inline-block;
}
.transupbutton{
	padding: 0 1.5rem !important;
	margin: 15px auto;
}
.auth .backtoLoginContainer a,.transupbutton{
	color: var(--primary-color);
}
.forgotpasswordaContainer .forgotpassworda{color: var(--white-color) !important ;}
#dig_login_va_otp{padding: 0 !important;}
.signdesc{display: none !important;}
.minput{
	position: relative !important;
}
.minput::before{
	content: '';
	position: absolute;
	right: 1rem;
	top: 1.3rem;
	z-index: 5;
	width: 2.4rem;
	height: 2.4rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url('../images/Lock_light.png')
}
#dig_cs_name::before,#dig_cs_lastname::before{
	background-image: url('../images/User_box_light.png');
}
#dig_cs_email::before{
	background-image: url('../images/mail.png') ;
}
#dig_cs_mobilenumber::before,.digits_fields_wrapper .minput:first-of-type:before{
	background-image: url('../images/account_circle.png') ;
}
#dig_cs_password::before,.digits_fields_wrapper .minput:last-of-type:before{
	background-image: url('../images/Lock_light.png') !important;
}
#dig_cs_education::before{
	background-image: url('../images/edu-2.png') ;
}
#dig_cs_province::before{
	background-image: url('../images/map.png') ;
}
#dig_login_va_otp{
	width: fit-content;
   padding: 0 1rem !important;
   background-color: var(--white-color);
   color: var(--film-title-color);
   margin: 0 auto;
   margin-top: 2rem;
}
.dig_resendotp{
	color: var(--white-color) !important;
	font-weight: 600;
}
@media(max-width:768px){
	.auth-page .auth{
		padding:5rem
	}	
}
@media(max-width:576px){
	.auth-page .auth{
		padding:3rem 2rem
	}	
}

.custom-alert-success{
	border-radius: 8px;
	border: 1px solid var(--primary-10, #026D77);
	background: var(--hover-hit, rgba(2, 140, 153, 0.12));
	padding: 2.4rem 3rem;
	color: var(--primary-12, #014E55);
	font-size: 1.8rem;
	/* font-weight: 700; */
	width: 100%;
}
.custom-alert-success a{
	font-weight: 700;
	color: var(--primary-12, #014E55);
}

@media print{
	aside,.header,footer,.breadcrumb,.quick-access,.related-post,.tags-wrapper{
		display: none !important;
	}
}