html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-block-start:.5rem;margin-block-end:1rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-start:0;margin-block-end:.9rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;text-decoration:none;color:#c36}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{font-size:16px;color:#333;line-height:1.4;font-style:italic;font-weight:400}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #ccc}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{width:100%;border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{width:auto;-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=button],[type=submit],button{display:inline-block;font-weight:400;color:#c36;text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid #c36;padding:.5rem 1rem;font-size:1rem;border-radius:3px;transition:all .3s}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;width:100%;margin-block-end:15px;font-size:.9em;border-spacing:0;border-collapse:collapse}table td,table th{padding:15px;line-height:1.5;vertical-align:top;border:1px solid hsla(0,0%,50.2%,.5019607843)}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50.2%,.5019607843)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50.2%,.0705882353)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50.2%,.1019607843)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50.2%,.5019607843)}@media (max-width:767px){table table{font-size:.8em}table table td,table table th{padding:7px;line-height:1.3}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{margin-block-start:0;margin-block-end:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.row>[class*="col-"], .row>[class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}
p{
	margin-bottom:12px !important;
}
@media (min-width: 576px) {
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
	.col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
	.col-md-7 {
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
    }
	.col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.col-md-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	.col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media (min-width: 992px) {
	.col-lg-2 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
	.col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
	.col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
	.col-lg-5 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
	.col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
	.col-lg-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
	.col-lg-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
	.col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
	.col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
.gallery .item:hover a:after{
	opacity:.5;
}
.gallery .item a:after{
	content:'';
	width:100%;
	height:100%;
	background:var(--e-global-color-primary);
	opacity:0;
	position:absolute;
	top:0;
	transition:.4s;
	left:0;
}
.gallery .owl-nav button{
	pointer-events:auto;
}
.gallery .owl-nav{
	position: absolute;
    top: 50%;
    z-index: 2;
    width: 100%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    font-size: 34px;
    left: 0;
	pointer-events:none;
}
.gallery{
	margin:40px 0;
	padding:0 20px;
}
.gallery .item a{
	display:block;
	position:relative;
	overflow:hidden;
	border-radius:5px;
}
.gallery .item img{
	object-fit: cover;
    height: 160px;
}
.page-content img{
	border-radius:5px;
}
/* css reset */
@font-face{
    font-display:swap;
    font-family:"iranyekan";
    font-style:normal;
    font-weight:300;
    src:url(./assets/fonts/iranyekan/IY-300.eot) format('embedded-opentype'),
    url(./assets/fonts/iranyekan/IY-300.ttf) format('truetype'),
    url(./assets/fonts/iranyekan/IY-300.woff) format('woff'),
    url(./assets/fonts/iranyekan/IY-300.woff2) format('woff2')
}
    
@font-face{
    font-display:swap;
    font-family:"iranyekan";
    font-style:normal;
    font-weight:400;
    src:url(./assets/fonts/iranyekan/IY-400.eot) format('embedded-opentype'),
    url(./assets/fonts/iranyekan/IY-400.ttf) format('truetype'),
    url(./assets/fonts/iranyekan/IY-400.woff) format('woff'),
    url(./assets/fonts/iranyekan/IY-400.woff2) format('woff2')
}
    
@font-face{
    font-display:swap;
    font-family:"iranyekan";
    font-style:normal;
    font-weight:700;
    src:url(./assets/fonts/iranyekan/IY-700.eot) format('embedded-opentype'),
    url(./assets/fonts/iranyekan/IY-700.ttf) format('truetype'),
    url(./assets/fonts/iranyekan/IY-700.woff) format('woff'),
    url(./assets/fonts/iranyekan/IY-700.woff2) format('woff2')
}

@font-face{
    font-display:swap;
    font-family:"OpenSans";
    font-style:normal;
    font-weight:300;
    src:url(./assets/fonts/OpenSans/OpenSans-Light.eot) format('eot'),
    url(./assets/fonts/OpenSans/OpenSans-Light.woff) format('woff'),
    url(./assets/fonts/OpenSans/OpenSans-Light.woff2) format('woff2'),
    url(./assets/fonts/OpenSans/OpenSans-Light.ttf) format('truetype')
}
@font-face{
    font-display:swap;
    font-family:"OpenSans";
    font-style:normal;
    font-weight:400;
    src:url(./assets/fonts/OpenSans/OpenSans-Regular.eot) format('eot'),
    url(./assets/fonts/OpenSans/OpenSans-Regular.woff) format('woff'),
    url(./assets/fonts/OpenSans/OpenSans-Regular.woff2) format('woff2'),
    url(./assets/fonts/OpenSans/OpenSans-Regular.ttf) format('truetype')
}
@font-face{
    font-display:swap;
    font-family:"OpenSans";
    font-style:normal;
    font-weight:500;
    src:url(./assets/fonts/OpenSans/OpenSans-Semibold.eot) format('eot'),
    url(./assets/fonts/OpenSans/OpenSans-Semibold.woff) format('woff'),
    url(./assets/fonts/OpenSans/OpenSans-Semibold.woff2) format('woff2'),
    url(./assets/fonts/OpenSans/OpenSans-Semibold.ttf) format('truetype')
}
@font-face{
    font-display:swap;
    font-family:"OpenSans";
    font-style:normal;
    font-weight:600;
    src:url(./assets/fonts/OpenSans/OpenSans-Bold.eot) format('eot'),
    url(./assets/fonts/OpenSans/OpenSans-Bold.woff) format('woff'),
    url(./assets/fonts/OpenSans/OpenSans-Bold.woff2) format('woff2'),
    url(./assets/fonts/OpenSans/OpenSans-Bold.ttf) format('truetype')
}
@font-face{
    font-display:swap;
    font-family:"OpenSans";
    font-style:normal;
    font-weight:800;
    src:url(./assets/fonts/OpenSans/OpenSans-ExtraBold.eot) format('eot'),
    url(./assets/fonts/OpenSans/OpenSans-ExtraBold.woff) format('woff'),
    url(./assets/fonts/OpenSans/OpenSans-ExtraBold.woff2) format('woff2'),
    url(./assets/fonts/OpenSans/OpenSans-ExtraBold.ttf) format('truetype')
}

*:not(i){
    font-family:iranyekan,OpenSans !important;
}
a{
    color: inherit;
	transition:.4s;
    text-decoration: none !important;
}
body{
	font-size:14px;
	line-height:25px;
}
::selection{
    background: #597EBC;
    color:white;
}
.header-wrapper.header-center{
	text-align:center;
}
.header-wrapper .header-subtitle{
    display: flex;
    align-items: center;
}
.header-wrapper.header-center .header-subtitle{
	display: flex;
    align-items: center;
    justify-content: center;
}
.header-wrapper.header-center .header-subtitle:after,
.header-wrapper .header-subtitle:before{
    content: '';
    width: 15px;
    height: 3px;
    background: #1C4D86;
    display: inline-block;
    margin-left: 8px;
}
.header-wrapper.header-center .header-subtitle:after{
	margin-left: 0;
	margin-right: 8px;
}
.button .elementor-button:hover::before{
    height: 150%;
}
.button .elementor-button:hover{
    color: #1C4D86;
}
.button .elementor-button:before{
    content: '';
    width: 120%;
    height: 0;
    background-color: #fff;
    display: block;
    position: absolute;
    z-index: -1;
    border-radius: 100% 100% 0 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    transition: .4s;
}
.button .elementor-button{
    color: #fff;
    transition: .4s;
    border: 1px solid #1C4D86;
    overflow: hidden;
    background: #1C4D86 !important;
    position: relative;
    z-index: 0;
}
.title-site-center h1{
	color: black !important;
    font-size: 22px;
    margin-top: 10px;
}
.title-site-center{
	text-align:center;
	display:flex;
	margin-bottom:36px;
}
/* header style /start */
#header{
    position: fixed;
    top: 0;
}
body:not(.home){
	padding-top:110px
}
body:not(.home) #header a.hfe-menu-item,
#header.scrolled a.hfe-menu-item{
	font-size:14px !important;
}
body:not(.home) #header .hfe-site-logo-img,
#header.scrolled .hfe-site-logo-img{
	max-width:90px;
}
body:not(.home) #header .hfe-site-logo-set img,
#header.scrolled .hfe-site-logo-set img{
	filter:brightness(0) invert(1);
}
body:not(.home) #header,
#header.scrolled{
	background: #30373e;
	box-shadow: 0 0 15px #00000063;
}
.hfe-site-logo-img{
	transition:.4s;
}
#header .menu-item a.hfe-sub-menu-item{
	font-size:14px !important;
}
.sub-menu{
	background: #30373e !important;
    border-radius: 5px;
    overflow: hidden;
	
}
.hfe-nav-menu__toggle.elementor-clickable{
	display:none;
}
.hfe-nav-menu .menu-item-has-children .sub-menu{
	left:unset;
	right:0;
}
.sub-arrow i:before{
	content:'' !important;
	display: inline-block;
    width: 8px;
    height: 8px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    margin-right: 8px;
}
/* header style /end */
/* hero section style /start */
.video-section .e-hosted-video,
.video-section video{
    width: 100%;
    height: 100vh !important;
}
.video-title{
	transform:translateX(50%)
}
.project-slider figure{
	position:relative;
	height:200px;
}
.project-slider .swiper-slide:hover img{
	filter:brightness(.8)
}
.project-slider .swiper-slide:hover figcaption{
	transform: translate(-50%, 0);
}
.project-slider .swiper-slide figcaption{
	position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    background: #ededed;
    min-width: 60%;
    text-decoration: none;
    font-style: normal;
    padding: 13px 5px;
    border-radius: 10px 10px 0 0;
    font-size: 14px;
	transition:.4s;
}
.project-slider img{
	border-radius: 10px;
    height: 100%;
	width:100%;
    object-fit: cover;
	transition:.4s;
}
.project-slider svg{
	fill: white;
    filter: drop-shadow(2px 0 2px black);
}
/* hero section style /end */
/* footer section style /end */
.footer-social{
    transform: translate(50% , -50%) !important;
}
.footer-logo img{
	filter: brightness(0) invert(1)
}
.footer-width-fixer{
	margin-top:50px;
}
/* footer section style /end */
/* project section style /end */
.project-card-home .read-more{
	font-size:14px;
}
.project-card-home{
    position: relative;
	border-radius:10px;
	overflow:hidden;
	height:320px;

}
.project-card{
	height:100%;
}
.project-card-home:hover .project-card-home-content{
    opacity: 0;
	pointer-events:none;
}
.project-card-home .project-card-home-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    transition: .4s;
}
.project-card-home-image img{
    height: 320px; 
    width: 100%;
	object-fit: cover;
    filter: grayscale(0.3) brightness(0.6) opacity(0.3);
    object-fit: cover;  
	transition:.4s;
}
.project-card-home .project-card-home-image img.secound-image-project{
	opacity:0;
	position: absolute;
	right:0;
}
.project-card-home:hover .project-card-home-image img{
	filter: unset;
}
.project-card-home:hover .project-card-home-image img.secound-image-project{
	filter: unset;
	opacity:1;
}
.project-card-home .project-card-home-content ul{
	list-style:none;
	padding:0;
	margin-top:25px;
}
.project-card-home{
    margin-bottom: 20px !important;
	background:white;
}
.project-card-home .project-card-home-content h3{
	font-size:18px;
}
.project-card-home .project-card-home-content h3:before{
	content:'01';
    -webkit-text-stroke-color: #e6e6e6;
    -webkit-text-stroke: 1px #00000063;
    font-size: 70px;
    line-height: 1;
    font-weight: 800;
    color: transparent;
    display: block;
    margin-bottom: -50px;
    z-index: 0;
    position: relative;
    transition: .4s;
}
.project-card-wrapper:nth-of-type(3) .project-card-home-content h3:before{
	content:'02';
}
.project-card-wrapper:nth-of-type(4) .project-card-home-content h3:before{
	content:'03';
}
.project-card-wrapper:nth-of-type(5) .project-card-home-content h3:before{
	content:'04';
}
.project-card-wrapper:nth-of-type(6) .project-card-home-content h3:before{
	content:'05';
}
.project-card-wrapper:nth-of-type(7) .project-card-home-content h3:before{
	content:'06';
}
.project-card-wrapper:nth-of-type(8) .project-card-home-content h3:before{
	content:'07';
}
.project-header h2{
	color:black !important;
}
.project-card .header-subtitle{
	font-size:14px;
}
/* project section style /end */
/* project section style /start */
.main-title em{
	color: var(--e-global-color-accent);
    font-style: normal;
    font-weight: bold;
    text-shadow: 0 0 5px #000000;
}
.latest-blog-posts-left .latest-blog-post{
	position:relative;
}
.latest-blog-posts-left .post-thumbnail img{
	height:420px;
	object-fit:cover;
	border-radius:10px;
}
.latest-blog-posts-left .post-thumbnail{
	height: 415px;
	border-radius:10px;
	overflow:hidden;
}
.latest-blog-posts-left .post-content-wrapper .read-more{
	margin-top:10px;
}
.latest-blog-posts-left .post-content-wrapper .date-wrapper{
	margin:10px 0 5px;
}
.latest-blog-posts-left .post-content-wrapper{
	position: absolute;
    bottom: 20px;
    background:#000000cc;
    width: calc(100% - 30px);
    left: 15px;
    padding: 15px 20px;
	border-radius:5px;
    color: white;
    font-size: 13px;
	direction: ltr;
}
.latest-blog-posts-left .post-content-wrapper .post-content{
	color:white
}
.latest-blog-posts-right .latest-blog-post .post-thumbnail img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.latest-blog-post .read-more{
	font-size:13px;
	padding-left:5px;
	margin-top:8px;
}
.latest-blog-post .post-thumbnail{
	overflow:hidden;
	border-radius:10px;
}
.latest-blog-posts-right .post-content{
	font-size: 12px;
    line-height: 20px;
}
.latest-blog-posts-right .date-wrapper{
	margin: 5px 0 0 !important;
}
.latest-blog-posts-right .latest-blog-post .post-thumbnail{
	height: 125px;
    width: 125px;
    min-width: 125px;
    margin-right: 20px;
	
}
.latest-blog-posts-right .latest-blog-post:not(:last-of-type){
	margin-bottom:20px;
}
.latest-blog-posts-right .post-content-wrapper{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.latest-blog-posts-right .latest-blog-post{
	display: flex;
}
.latest-blog-post img{
	transition:.4s;
}
.latest-blog-post:hover img{
	filter:brightness(.7);
	transform:scale(1.05)
}
.read-more{
	display:flex;
}
.read-more{
	height: 20px;
    display: flex;
    line-height: 20px;
    padding-left: 10px;
    border-left: 2px solid var(--e-global-color-primary);
	font-size:14px;
}
.read-more:hover{
	color:#205593
}
.post-content-wrapper h2{
	font-size:17px;
	margin:0
}
.latest-blog-posts-left{
	    display: flex;
    gap: 15px;
}
.post-content-wrapper .date-wrapper img{
	width:16px !important;
	height:16px;
	filter: brightness(1.5);
	margin-right:8px
}
.post-content-wrapper .date-wrapper{
	display:flex;
	margin: 15px 0 12px;
    color: #afafaf;
    font-size: 12px;
	align-items:center;
}
.post-content{
	font-size:13px;
}
.project-cart{
	background:white;
	border-radius:10px;
}
.latest-blog-posts-left .post-thumbnail,
.latest-blog-posts-right .post-thumbnail{
	position:relative;
}
.latest-blog-posts-left .post-thumbnail .card-category,
.latest-blog-posts-right .post-thumbnail .card-category{
	background: white;
    position: absolute;
    top: -5px;
    border-radius: 0 0 7px 7px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    z-index: 1;
    width: 60px;
    height: 22px;
    text-align: center;
}
.latest-blog-posts-left .post-thumbnail .card-category:hover,
.latest-blog-posts-right .post-thumbnail .card-category:hover{
	color:white;
	background:var(--e-global-color-primary)
}
.gallery-carousel .owl-nav button:hover,
.blog-carousel .owl-nav button:hover{
	background:var(--e-global-color-accent)!important;
	color:white !important;
}
.gallery-carousel .owl-nav button,
.blog-carousel .owl-nav button{
	width: 30px;
    height: 30px;
    background: white !important;
    font-size: 32px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 5px !important;
}
.blog-carousel .owl-dots{
	margin-top:10px;
}
.gallery-carousel .owl-nav,
.blog-carousel .owl-nav{
	position: absolute;
    top: 35%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.gallery-carousel .owl-dot.active span{
	background:var(--e-global-color-accent);
}
.gallery-carousel .owl-dot span{
	width: 4px;
    height: 15px;
    background: white;
    display: block;
    margin: 0 5px;
}
.gallery-carousel{
	margin-bottom:50px;
}
.gallery-carousel .owl-dots{
	position: absolute;
    right: 26px;
    bottom: 30px;
    width: 180px;
    text-align: center;
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}
.gallery-carousel .owl-nav{
	width: 180px;
    bottom: 30px;
    top: unset;
    right: 26px;
}
.gallery-carousel .owl-nav button{
	z-index:7;
}
/* project section style /end */
/* loading style /start */
.loader {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    animation: .6s 3.8s forwards load;
    font-family: lobster;
}
.loader .loader-flip {
    background: black;
    display: block;
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: .6s 3s forwards load;
}
.loader .loader-flip:nth-child(2) {
    left: 20%;
    animation: .6s 3.2s forwards load;
}
.loader .loader-flip:nth-child(3) {
    left: 40%;
    animation: .6s 3.3s forwards load;
}
.loader .loader-flip:nth-child(4) {
    left: 60%;
    animation: .6s 3.4s forwards load;
}
.loader .loader-flip:nth-child(5) {
    left: 80%;
    animation: .6s 3.5s forwards load;
}
@keyframes load2{
	100% {
		top: -50%;
		opacity: 0;
	}
}
@keyframes load{
	100% {
		top: 100%;
	}
}
.loader-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: .6s 3s forwards load2;
}
/* loading style /end */
/* brand style /start */
.brands-slider img:hover{
	filter: brightness(0) invert(.5) drop-shadow(1px 1px 0 black);
}
.brands-slider img{
	height: 120px;
    width: 120px;
	object-fit:contain;
	filter:brightness(1) invert(0)drop-shadow(1px 1px 0 transparent);
	transition:.4s;
}
/* brand style /end */
/* about page /start */
.right-side-img img{
	object-fit:cover
}
.right-side-img{
	height:100%
}
.elementor-widget.elementor-widget-text-editor a{
	color:var(--e-global-color-accent);
}
.elementor-widget.elementor-widget-text-editor ul,
.elementor-widget.elementor-widget-text-editor ol,
.elementor-widget.elementor-widget-text-editor p{
	margin-bottom:15px;
}
.elementor-widget.elementor-widget-text-editor p:last-of-type{
	margin-bottom:0;
}
/* about page /end */
/* contact us page /start */
.form-wrapper textarea,
.form-wrapper input{
	direction:rtl !important;
	border: 1px solid #b5b5b5;
	border-radius:5px;
	max-height:150px;
	font-size: 14px;
}
.form-wrapper textarea::placeholder,
.form-wrapper input::placeholder{
	color:#9199a2;
	font-size:12px;
	
}
.form-wrapper textarea:focus,
.form-wrapper input:focus{
	outline:none;
	border:1px solid var( --e-global-color-accent );
}
.form-wrapper .wpcf7-not-valid-tip{
	font-size:12px;
	padding-top:5px;
}
.form-wrapper input[type="submit"]{
	transition:.4s;
	color:white;
	font-size:14px;
	background:var( --e-global-color-primary );
	border:1px solid var( --e-global-color-primary );
}
.form-wrapper input[type="submit"]:hover{
	background:white;
	color:var( --e-global-color-primary );
}
.form-wrapper .wpcf7 form.invalid .wpcf7-response-output,
.form-wrapper .wpcf7 form.unaccepted .wpcf7-response-output,
.form-wrapper .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 13px;
    border-color: #ffb900;
    margin-left: 0;
    margin-right: 0;
    border-radius: 5px;
    background-color: #ffe295;
    padding: 10px;
    border: unset;
}
.form-btn-wrapper .wpcf7-spinner{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	margin:0 10px;
}
.form-btn-wrapper{
	text-align:center;
	position:relative;
}
.form-wrapper label{
	font-size:14px;
	margin-bottom:10px;
}
.form-wrapper .wpcf7 form>div, .form-wrapper.wpcf7 form>p{
	margin-bottom:10px
}
/* contact us page /end */
/* single blog / start */
.post-tags span{
	color: var(--e-global-color-primary);
	margin-right:5px;
}
.post-tags {
    background: var(--e-a-bg-active);
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 13px;
}
.post-tags a:not(:last-of-type):after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: var(--e-global-color-primary);
    display: inline-block;
    margin: 0 5px;
    font-size: 12px;
}
.post-tags a{
	display:inline-block:
}
.category-wrapper span{
	margin-right:5px;
}
.blog-excerpt{
	font-size:13px;
	color:#54595F;
	line-height:22px;
}
.category-wrapper{
	display:flex;
	flex-wrap:wrap;
}
.post-date{
	background: rgb(237, 237, 237);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    font-size: 13px;
	margin:15px 0;
}
.page-header h1{
	font-size:24px
}
.page-header .entry-title:before,
.page-header h1:before{
	content: '';
    width: 15px;
    height: 3px;
    background: #1C4D86;
    display: inline-block;
    margin-right: 8px;
}
.single-blog{
	padding-bottom:60px;
}
.sidebar-header{
	font-size:16px;
}
.post-thumbnail img{
	border-radius:10px;
	
}
#sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a img{
	width: 120px;
    height: 85px;
    border-radius: 5px;
    object-fit: cover;
}
#sidebar .wp-block-latest-posts__list li time:before{
	content: '';
    width: 8px;
    height: 2px;
    background: var(--e-global-color-primary);
    display: inline-block;
    margin-left: 5px;
}
#sidebar .wp-block-latest-posts__list li time{
	position: absolute;
    top: -1px;
    right: 130px;
	font-size: 10px;
}
#sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__post-title{
	padding-top: 8px;
    position: absolute;
    right: 130px;
    top: 15px;
	font-size: 12px;
    line-height: 16px;
    height: 75px;
    overflow: hidden;
}
#sidebar .wp-block-latest-posts__list li{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
	font-size:14px;
}
#sidebar .wp-block-latest-posts__featured-image.alignright{
	margin-left:10px
}
#sidebar{
	position: sticky;
    top: 100px;
    border: 1px solid #d2d2d2;
    padding: 0 10px 5px 10px;
    border-radius: 5px;
}
.gallery-expert{
	    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 20px;
    margin-top: 10px;
}
.single-top{
	margin-bottom:30px;
}
.sidebar-header{
	background:var(--e-global-color-primary);
	color:white;
	padding:10px 20px;
	margin: 0 -10px 12px -10px;
	border-radius:5px 5px 0 0;
}
.fg-item img{
	width:100% !important;
}
.fg-item{
	width:calc(33.333% - 10px)!important;
}
.category-sidebar{
	padding:0;
	list-style:none
}
.category-sidebar-post{
	display:flex;
	margin-bottom:10px;
	gap:8px;
}
.category-sidebar-post h2{
	font-size: 12px;
    margin: 0;
    line-height: 16px;
	max-height:48px;
	overflow:hidden
}
.category-sidebar-post .category-sidebar-date:before{
	content:'';
	width:10px;
	height:2px;
	background:var(--e-global-color-primary);
	display:inline-block;
	margin-right:5px
}
.category-sidebar-post .category-sidebar-date{
	    font-size: 10px;
    margin: 0 !important;
}
#sidebar .post-categories{
	display:none
}
.category-sidebar-img{
	display:block;
    max-height: 80px;
    min-width:50%;
	max-width:50%;
}
.category-sidebar-post img {
	width:100%;
	height:100%;
	display:block;
	object-fit: cover;
	border-radius: 5px;
}
/* single blog / end */
/* single project / Start */
.project-thumbnail{
	height:100%;
}
.project-thumbnail img{
	height: 100%;
    object-fit: cover;
	object-position: center;
}
.project-thumbnail-fix img{
	position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    max-height: unset;
    object-fit: cover;
    z-index: -1;
    filter: grayscale(1) brightness(1.5) opacity(0.15);
}
.projcet-info{
	background-color: #dcdcdc;
    padding: 20px 30px;
    border-radius: 10px;
	margin:0;
	list-style-type:none;
	margin-top:30px;
}
.projcet-info li{
	font-size:15px;
}
.projcet-info li span{
	font-weight:bold;
	font-size:16px;
	color:var(--e-global-color-primary);
}
.projcet-info li:not(:last-of-type){
	margin-bottom:10px
}
.video-wrapper{
	border-radius: 15px;
    margin: 25px 0;
    overflow: hidden;
}
/* single project / End */
/* card project / Start */
.archive-project-card .project-card-content .project-info{
	padding: 0;
    list-style: none;
    font-size: 13px;
    margin: 15px 0;
}
.archive-project-card .project-card-content h3{
	color: var(--e-global-color-primary);
	font-size: 16px;
    margin: 0;
}
.archive-project-card .project-card-content{
	padding: 10px 0;
}
.archive-project-card .project-card-image,
.archive-project-card .project-card-image a,
.archive-project-card .project-card-image a img{
	display: block;
    height: 100%;
	border-radius:5px;
}
.archive-project-card {
    background: rgb(237, 237, 237);
    border-radius: 12px;
    padding: 15px;
	margin-bottom:20px;
	height: calc(100% - 20px)
}
/* card project / End */
/* archive blog / start */
.archive-blog .entry-title{
	margin: 0 0 30px;
}
.archive-blog{
	margin-bottom:55px
}
.blog-hero-card::after{
	content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s;
    background-image: linear-gradient(to top, black, transparent);
	pointer-events:none;
}
.s-title .blog-hero-card h2{
	font-size: 18px;
}
.blog-hero-card h2{
	position: absolute;
    bottom: 18px;
    z-index: 2;
    color: white;
    font-size: 22px;
    right: 30px;
}
.blog-hero-card {
	position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    height: calc(100% - 20px);
}
.blog-hero-card .post-categories{
	min-width:80px;
	position: absolute;
    top: 0;
    background: white;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 0 5px 5px;
    padding: 5px 10px;
	text-align:center;
}
.blog-hero-card:hover img{
	transform:scale(1.1) rotate(2deg);
}
.blog-hero-card img{
	transition: .4s;
    border-radius: 10px;
    height: 100%;
	object-fit:cover;
}
.custom-sidebar .blog-card{
	margin-bottom:30px;
}
.custom-sidebar .blog-card:last-of-type{
	margin-bottom:0
}
.custom-sidebar{
	background: #EDEDED;
    padding: 15px;
    border-radius: 10px;
	margin-bottom:50px;
}
.custom-sidebar .page-header .entry-title{
	font-size:18px;
	margin-bottom:20px;
	margin-top:0;
}
.cat-gallery-item h3{
	font-size: 20px;
    position: absolute;
    bottom: 15px;
    color: white;
    z-index: 5;
    left: 25px;
	max-width: calc(100% - 300px);
	text-align:left
}
.cat-gallery-item{
	position:relative;
	border-radius:10px;
	overflow:hidden;
}
.cat-gallery-item:after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:linear-gradient(to top, black, transparent);
	opacity:1;
}
.cat-gallery-item img{
	height:450px;
	object-fit:cover;
	bordre-radius:10px;
}
/* archive blog / end */
/* blog card / start */
.blog-card{
	margin-bottom:50px;
}
.blog-card .read-more {
    padding-right: 7px;
    font-size: 13px;
}
.blog-card .blog-card-content p{
	font-size:13px;
	line-height:20px;
}
.blog-card .blog-card-content h3{
	font-size:17px;
	margin: 20px 0 10px 0;
}
.blog-card .blog-card-image>a{
	display:block;
	line-height:0;
}
.blog-card .blog-card-image img{
	height:180px;
	object-fit:cover;
}
.blog-card .blog-card-image{
	position:relative;
	overflow:hidden;
	border-radius:6px;
}
.blog-card-category{
	background: white;
    position: absolute;
    top: -5px;
    border-radius: 0 0 7px 7px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    z-index: 1;
    width: 60px;
    height: 22px;
    text-align: center;
}
.blog-card-image .video-icon i{
	background: var(--e-global-color-primary);
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 3px;
    padding-top: 2px;
    margin-left: 3px;
}
.blog-card-image .video-icon{
	pointer-events:none;
	background: var(--e-global-color-accent);
    color: white;
    border-radius: 100px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: 10px;
	display:flex;
	align-items:center;
	padding: 2px 2px 2px 6px;
}
/* blog card / end */
/* responsive / start */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.header-blue{
	color:var(--e-global-color-primary)
}
#masthead nav.hfe-dropdown{
	left: 0 !important;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media screen and (min-width:992px) and (max-width:1200px){
	#sidebar .wp-block-latest-posts__list li time {
		font-size: 8px;
	}
	#sidebar .wp-block-latest-posts__list li time {
		top: -1px;
		right: 96px;
	}
	#sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__post-title {
		padding-top: 8px;
		right: 96px;
		font-size: 12px;
		line-height: 16px;
		height: 72px;
		overflow: hidden;
	}
	#sidebar .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image a img{
		width:90px;
	}
}
@media screen and (max-width: 1025px){
	header .elementor-13 .elementor-element.elementor-element-6ddc862 div.hfe-nav-menu-icon{
		fill:#fff;
	}
	header .hfe-nav-menu__toggle.elementor-clickable{
		margin-right:0 !important;
	}
	header .hfe-nav-menu__layout-horizontal a{
		color:black !important
	}
	header .hfe-nav-menu__layout-horizontal{
		width: calc(100vw - 20px)!important;
        left: unset;
        right: 0 !important;
		z-index: 3 !important;
	}
}
@media screen and (max-width: 992px){
	.project-header h2{
		font-size:20px;
	}
	header .hfe-nav-menu__toggle nav{
		position: fixed !important;
		top: 89px !important;
		right: 0 !important;
	}
	header .hfe-nav-menu__toggle nav a{
		color:black
	}
	body:not(.home) {
		padding-top: 90px;
	}
	.page-header h1,
	.entry-title{
		font-size: 22px;
	}
	.archive-blog .entry-title{
		margin-bottom:20px;
	}
	.col-lg-3{
		width:100%;
	}
	#sidebar{
		margin-top:10px;
	}
	.single-blog {
        padding-bottom: 0;
    }
	.gallery-carousel{
		margin-bottom:30px
	}
}
@media screen and (max-width: 768px){
	#zarinpal{
		justify-content:center
	}
	.footer-desc{
		text-align:center
	}
	.project-header h2 {
        font-size: 20px;
    }
	.col-sm-6{
		width:50%;
	}
	body:not(.home) {
		padding-top: 80px;
	}
	.page-header h1,
	.entry-title{
		font-size: 20px;
	}
	.projcet-info {
		padding: 15px 20px;
		margin-top: 20px;
	}
	.projcet-info li {
		font-size: 13px;
	}
	.projcet-info li span {
		font-size: 14px;
	}
	.page-content img{
		width:100%;
		margin:0 0 8px 0
	}
	.wp-caption{
		width:100% !important;
	}
	.cat-gallery-item img{
		height:300px;
	}
	.gallery-carousel{
		margin-bottom:20px;
	}
	.gallery-carousel .owl-dots{
		position: unset;
		width: 100%;
	}
	.gallery-carousel .owl-dot span{
		background:gray
	}
	.gallery-carousel .owl-nav{
		top: 50%;
		bottom: unset;
		transform: translateY(-50%);
		width: 90%;
		left: 5%;
	}
}
@media screen and (max-width: 576px){
	.cat-gallery-item h3{
		max-width:unset;
		padding-right:25px;
	}
	.col-lg-9{
		width:100%
	}
	.gallery-expert {
		padding: 10px;
		font-size: 12px;
		line-height: 22px;
	}
	.post-date {
		border-radius: 8px;
		padding: 5px 9px;
		font-size: 12px;
		margin: 10px 0;
	}
	.archive-blog{
		margin-bottom:0
	}
	.blog-card .blog-card-content p {
		font-size: 11px;
		line-height: 20px;
	}
	.blog-card .blog-card-content h3 {
		font-size: 15px;
		margin: 0 0 5px 0;
	}
	.blog-card {
		margin-bottom: 20px;
	}
	.single-blog{
		padding-bottom:0;
	}
	
	.page-content{
		font-size:12px;
	}
	
	.projcet-info li:not(:last-of-type) {
		margin-bottom: 6px;
	}
	.page-header h1,
	.entry-title{
		font-size: 18px;
	}
	.projcet-info{
		margin: 0 0 10px;
    padding: 15px;
	}
	.projcet-info li{
		font-size:12px
	}
	.projcet-info li span{
		font-size:13px;
	}
	.read-more {
		padding-right: 5px;
		font-size: 12px;
	}
	.archive-project-card .project-card-content .project-info {
		font-size: 12px;
		margin: 10px 0;
	}
	.hfe-site-logo-img {
		max-width: 100px !important;
	}
	.col-sm-6{
		width:100%;
	}
	.latest-blog-posts-left .post-content-wrapper .post-content{
		font-size:12px;
	}
	.latest-blog-posts-right .post-content{
		height:42px;
		overflow:hidden
	}
	.post-content-wrapper h2 {
		font-size: 14px;
	}
	.latest-blog-posts-right .post-content {
		font-size: 11px;
	}
	.latest-blog-post .read-more {
		font-size: 12px;
	}
	.project-card .elementor-button-wrapper{
		margin-top:-20px
	}
	.project-card .elementor-widget-text-editor p{
		font-size:13px;
		margin-top: -10px;
	}
	.project-card .header-wrapper,
	.section-project > .project-card{
		padding:0;
	}
	.project-card-home .project-card-home-content h3:before {
		font-size: 60px;
		margin-bottom: -45px;
	}
	.project-card-home,
	.project-card-home-image img {
		height:220px;
	}
	.project-card-home .project-card-home-content ul {
		margin-top:0;
		font-size: 13px;
	}
	.project-card-home .project-card-home-content h3 {
		font-size: 16px;
	}
	.project-card-home .project-card-home-content {
		padding: 10px 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.project-header h2{
		font-size:18px;
	}
	.col-sm-6{
		width:100%;
	}
	.project-card .elementor-image-box-title {
		margin-bottom: 15px !important;
	}
	.project-card .elementor-image-box-img img,
	.project-card{
		height:unset;
	}
	.project-slider figure{
		height:120px;
	}
	.button .elementor-button {
		padding: 10px 15px;
		font-size: 14px;
	}
	.elementor-widget-video .e-hosted-video .elementor-video{
		-o-object-fit: none !important;
		object-fit: none !important;
	}
	.project-card .elementor-image-box-title span {
		font-size: 55px;
	}
	.project-card .elementor-image-box-content{
		height:auto
	}
	.project-slider .swiper-slide figcaption {
		bottom: 0;
		min-width: 85%;
		padding: 10px 5px;
		font-size: 12px;
	}
	.footer-width-fixer {
		margin-top: 30px;
	}
}

/* responsive / end */

