html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1; }
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/**{margin:0 auto;}*/
li{list-style:none;}
a{text-decoration: none;}
ul{padding: 0;}
table{border-collapse:collapse;}
body{font-family: 'Yekan-Bakh-Medium'; direction: rtl; background: #1B2A49}
@font-face {
    font-family: 'Yekan-Bakh-Medium';
    src: url("../fonts/Yekan-Bakh-Medium.eot");
    src: url("../fonts/Yekan-Bakh-Medium.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Yekan-Bakh-Medium.otf") format('otf'),
    url("../fonts/Yekan-Bakh-Medium.woff") format('woff'),
    url("../fonts/Yekan-Bakh-Medium.woff2") format('woff2');
}
*{margin:0 auto;}
body{direction: rtl; font-family: 'Yekan-Bakh-Medium'; background: #fff;}
a{text-decoration: none;}
:root{--primary: rgba(23, 33, 59, 0.9); --secend:#EDA900;}
.container{width: 1300px;}
.header{width: 100%; height: 120px;float: right; display: flex;justify-content: space-between;}
.header>div{flex: 2}
.header>div.clogo{flex: 1}
.cmenu{float: right; margin:30px 0 0;}
.cmenu li{float: right; margin: 10px 0;}
.cmenu li a{color: #2f354b; font-size: 15px; padding: 15px 15px;  border-bottom: 1px solid #f6f5fa; position: relative;display: inline-block; transition: all 0.2s ease-in;}
.cmenu li a:hover{ color: var(--primary);; border-color:var(--primary);}
.cmenu li a::before{transition: all 0.2s ease-in; content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #1415c8;opacity: 0;}
.cmenu li a:hover::before{opacity: 1;}
.cmenu li a svg{    float: right;margin: -3px 7px;width: 20px;height: 20px; }
.cmenu li svg path{transition: all 0.2s ease-in;fill: var(--primary);}
.cmenu li a:hover svg path{fill: var(--secend);}
.clogo{text-align: center;position: relative;}
.clogo img{width: 60px; margin-top: 10px; }
.clogo svg {width: 150px;height: 15px;display: block;fill: var(--primary);}
.clogo a h1{font-weight: lighter; font-size: 14px; color:#2f354b }
.sp-logo{background: url('../img/img-en.png') center no-repeat;width: 148px;height: 24px;background-size: 110px; display: block;position: relative;z-index: 3;}
.lbox{direction: ltr;margin-top: 50px;}
.lbox .calling {display: flex;align-items: center;text-decoration: none;gap: 10px;color: #c06;float: left;}
.lbox .icon {width: 32px;height: 32px;flex-shrink: 0;margin: 2px 6px;float: left;}
.lbox .icon svg {stroke: var(--primary);width: 30px;height: 30px;fill: none;}
.lbox .text {display: flex;flex-direction: column;line-height: 1.4;}
.lbox .text strong {color: var(--primary);font-size: 16px;font-weight: lighter;transition: all .2s linear;}
.lbox .text strong span,.lbox a:hover strong{color: #EDA900;}
.lbox  .text>span {font-size: 0.85rem;color: #999;text-align: center;}
.btn-log{float: left}
.btn-log a{transition: all 0.2s ease-in; font-size: 14px;background: #f6f5fa;color: var(--primary);padding:14px 24px 10px;border-radius: 20px;margin: -4px 20px 0 20px;float: left;}
.btn-log a svg{float: right;  margin: -5px 0 0 6px;  width: 20px;}
.btn-log a svg path{fill: var(--primary); transition: all 0.2s ease-in;}
.btn-log a:hover{background: var(--primary); color: #fff;}
.btn-log a:hover svg path{fill: #fff;}
.searchs{float: left; width: 200px; background: #f6f5fa; padding: 7px 0;border-radius: 36px;overflow: hidden; margin-top: -5px;}
.searchs input{width: 80%; border: none;  font-family: 'Yekan-Bakh-Medium'; background: none; float: right; text-align: right; padding: 5px 5px 3px;}
.searchs button{width: 10%; border: none; float: left;cursor: pointer; background: none;}
.searchs button svg{width: 20px;}
.searchs button svg path{fill: var(--primary)}
.nav{width: 100%; float: right; background: var(--primary); height: 60px; border-radius: 50px;}
.crv{background-image: url('../svg/crv.svg');background-repeat: no-repeat;background-position: center;background-size: contain;width: 167px;height: 25px;position: absolute;left: 50%;transform: translateX(-50%) translateY(-.5px);top: 100%;z-index: 2;}
.tlt-single{color: #fff;font-size: 15px;float: right;}
.tlt-single svg{float: right; margin: 19px 15px 0 5px;width: 20px;}
.tlt-single svg path{fill:#fff;}
.tlt-single h2{font-weight: lighter; float: right;margin: 23px 0;}
.bread{float: left;margin: 12px 0 0 12px; font-size: 14px;}
.bread a{color: #fff; margin:0 10px;}
.bread span span{color: #fff;  }
.bread svg{width: 20px; float: right;    margin: -7px 0;}
.bread svg path{fill: #fff;}
.footer{width: 100%; float: right; background: var(--primary);position: relative;}
.foot{
    display: flex;
    margin: 90px auto 0 auto;
    width: 1300px;
    justify-content: space-between;
}
.box-foot{
    width: 23%;
    /*opacity: 0;*/
    /*transform: translateY(50px);*/
}
.box-foot:nth-child(2){width: 10%;}
.foot-desc img{
    width: 50px;
    float: right;
}
.logo-foot{
    width: 100%;
    float: right;
    margin-bottom: 20px;
}
.foot-desc p{
    font-size: 13px;
    line-height: 1.7;
    text-align: justify;
    display: block;
    color: #fff;
}
.logo-foot h4
{
    font-size: 16px;
    float: left;
    font-weight: lighter;
    margin-top:26px;
    color: #fff;
}
.foot-menu{
    margin: 0;
}
.foot-menu li
{
    float: right;
    width: 95%;
    margin-right: 5%;
    margin-bottom:20px;
}
.foot-menu li a{
    font-size: 14px;
    color: #fff;
    float: right;
    transition: all 0.2s ease-in;
    position: relative;
    margin-right: 10px;
}
.foot-menu li a:hover
{
    color: #EDA900;
}
.foot-menu li a:before
{
    content: '';
    width: 3px;
    float: right;
    background: #EDA900;
    border-radius: 3px;
    margin-top: -2px;
    transition: all 0.2s ease-in;
    position: absolute;
    right: -10px;
    top: 0;
}
.foot-menu li a:hover:before
{
    padding-bottom: 15px;
}
.tlt-foot
{
    font-size: 13px;
    width: 95%;
    float: right;
    text-align: right;
    margin-bottom: 30px;
    color: #7e92bb;
    margin-right: 5%;
}
.addres
{
    font-size: 14px;
    text-align: justify;
    line-height: 1.7;
    color: #fff;
}
.phone
{
    float: left;
    font-size: 15px;
    width: 100%;
    text-align: left;

}
.phone span,.email span
{
    float: right;
    font-size: 12px;
    color: #7e92bb;
    margin-top: 4px;
}
.phone a{
    color: #fff;
    margin-bottom: 15px;
    float: left;
    transition: all 0.2s ease-in;
    margin-top: 4px;
    direction: ltr;
}
.phone a:hover,.email a:hover
{
    color: #EDA900;
}
.phone svg,.email svg
{
    width: 20px;
    float: left;
    margin: -5px 5px 0 0;
}
.phone svg path,.email svg path
{
    stroke: #EDA900;
    fill: none;
}
.email{
    float: left;
    width: 100%;
    margin-top: 4px;
}
.email a
{
    color: #fff;
    font-size: 15px;
    float: left;
    transition: all 0.2s ease-in;
}
.social-foot{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 30px;
}
.social-foot a
{
    float: left;
    margin-right: 10px;
    width: 40px;
    margin-right: 5px;
    height: 40px;
    border-radius: 5px;
    text-align: center;
    transition: all 0.2s ease-in;
}
.social-foot a:hover
{
    background: rgba(5, 18, 51, 0.9);
}
.social-foot svg
{
    width: 25px;
    margin-top: 5px;
}
.ytob svg,.telg svg
{
    margin-top: 7px;
}
.inst svg
{
    width: 30px;
    height: 30px;
}
.inst svg path
{
    fill: #fff;
}
.social-foot a span{
    position: absolute;
    right: 0;
    top: 13px;
    font-size: 14px;
    color: #7e92bb;
    opacity: 0;
    transition: all 0.2s ease-in;
}
.social-foot a:hover span
{
    opacity: 1;
    right: 5px;
}
.copyright
{
    color: #fff;
    font-size: 13px;
    margin: 50px 25% 0 25%;
    width: 50%;
    border-radius: 20px 20px 0 0;
    padding: 20px 0;
    text-align: center;
}
.copyright a
{
    color: #EDA900;
}
.main{float: right; width: 100%}
.logo-footer{
    position: absolute;
    top: 120px;
    right: 110px;
    background-image: url('../svg/wave-footer.svg');
    background-repeat: no-repeat;
    width: 274px;
    height: 120px;
    display: flex;
    align-items: start;
    justify-content: center;
    z-index: 110;
    transform: translate(0%, -100%);
}
.logo-footer img{
    width: 50px;
    margin-top: 5px;
}
.information{display: flex; margin: 50px 0 }
.information>div{flex: 1;}

.img-info video{
    width: 100%;
    height: auto;
    background-size: cover;
}
.img-info:before{
    content: "";
    background: url('../img/pattern.png') center center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: .7;
}
.img-info:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 8, 36, 0.53);
    z-index: 1;
}
.btn-menu{
    margin-top: 17px;
    float: right;
    display: none;
}
.img-info{width: 100%; float: right;position: relative;overflow: hidden; height: 360px; border-radius: 10px;}
.info-right{float: right;position: relative;}
.info-box{position: absolute; width: 80%; bottom: 20px; right:10%; display: flex; gap: 20px; z-index: 2}
.info-box .info{   backdrop-filter: blur(25px) brightness(115%); flex: 1; border-radius: 10px; text-align: center; font-size: 14px;}
.info-box .info svg{display: block;padding:5px; width: 22px;}
.info-box .info svg path{fill: var(--secend)}
.info-box .info span{display: block;padding:5px; color: #fff;}
.info-box .info strong{color: #fff; font-weight: lighter; padding-bottom: 5px; display: block}
.info-right:before{content: "";
    background-color: #fff;
    -webkit-mask-image: url(../svg/mask-breadcrumb.svg);
    mask-image: url(../svg/mask-breadcrumb.svg);
    width: 10.7rem;
    height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-.5px);
    top: 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    z-index: 2;
    display: flex
;
    align-items: end;
    justify-content: center;}
.txt-info{width: 100%; text-align: center; margin-top: 10px;}
.txt-info h3{font-size: 25px; font-weight: bold; color: var(--primary); line-height: 1.6;}
.txt-info h3 span:after{content: '';width: 40px;height: 4px;background: var(--secend);display: block;right: 47%;border-radius: 5px;position: relative;}
.txt-info h3 span{    display: block;font-size: 16px;color: #dbdbdb;font-weight: lighter;}
.txt-info p{text-align: justify;font-size: 16px; line-height: 1.7; color: #3c3c3c; margin: 20px 15px 0;}
.txt-info a{transition: all 0.2s ease-in;padding: 17px 30px 15px; float: left; background: var(--secend); color: var(--primary); margin-top: 20px; border-radius: 25px;}
.txt-info a:hover{background: var(--primary); color: var(--secend);}
.all-project{width: 100%; float: right; margin-bottom: 30px;}
.selector{width: 100%; height: 50px;background: #f6f5fa; border-radius: 50px; border-right: 5px solid var(--primary);box-shadow: inset -5px 0 0 0 var(--secend);}
ul.filters {
    width: 100%;
    float: right;
    text-align: center;
}

ul.filters li {
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin:7px 5px 0;
    border-radius: 25px;
    font-size: 15px;
    transition: all 0.2s ease-in;
}
ul.filters li:hover {background: #fff;}
ul.filters li.active {background-color: var(--primary);color: #fff;}
.project.hide {opacity: 0;transform: scale(0.8);}
.projects{ float: right; margin: 30px 0;  display: flex;gap: 10px;flex-wrap: wrap; justify-content: flex-start;}
.project{
    /*width: calc(25% - 10px); */
    transition: opacity 0.4s ease, transform 0.4s ease;opacity: 1;transform: scale(1); height: 520px; background: #c06; border-radius: 20px; overflow: hidden;position: relative;}
.project a:before{z-index:1;content:'';background-image: linear-gradient(to top, #050033 5%, transparent); width: 100%; height: 100%;position: absolute; left: 0; bottom: 0;}
.project a h3{z-index:2;font-weight:lighter;position: absolute; bottom: 65px; left: 5%;padding-bottom: 15px; width: 90%; text-align: center; color: #fff; border-bottom: 1px solid rgba(18, 32, 70, 0.9);}
.str-project{width: 100%; right: 0; bottom: 20px;position: absolute;display: flex; z-index: 2}
.str-project div{float: right; color: #fff; font-size: 12px;}
.str-project div svg{width: 18px; float: right}
.str-project div svg path{fill:#fff;}
.str-project div span{float: right;  margin: 7px 7px;}
.more{z-index: 2;transition: all 0.2s ease-in;position: absolute; top: 48%;left: 50%;transform: translate(-50%, -50%); padding: 15px 25px; color: #fff; border-radius: 5px; border:1px solid #fff; font-size: 14px; opacity: 0;}
.more:hover{color: var(--primary); background: #fff;}
.project:hover .more{opacity: 1; top: 50%;}
.project:hover img{transform: scale(1.1);}
.project img{transition: all 0.2s ease-in; z-index: -1}
.paginat{width: 100%;float: right; margin-bottom: 50px; text-align: center;}
.pagination{display:inline-block;min-width:150px;height: 50px;background: #f6f5fa;border-radius: 50px; padding: 0 10px;}
.pagination a,.pagination span{font-size: 20px; transition: all 0.2s ease-in;   font-size: 20px;display: inline-block;padding: 7px 0 5px;margin:10px 1px;border-radius: 8px;min-width: 32px; color: var(--primary)}

.pagination a:hover{background: var(--primary); color: #fff;}
.pagination span.current{background: var(--secend);}
/** SWIPER SINGLE ***/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #444;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.project-swiper2 {
    height: 80%;
    width: 100%;
}

.project-swiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.project-swiper .swiper-slide{
    width: 25%;
    height: 100%;
    cursor: pointer;
}
.project-swiper .swiper-slide img
{

    transition: all 0.2s ease-in;
    opacity: 0.6;
}

.project-swiper .swiper-slide-thumb-active img,.project-swiper .swiper-slide:hover img{
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .desc-pro .gfield input{    
    border: none;
    padding: 10px 15px;
    margin-top: 10px;
} */
/* .desc-pro .gfield
{    width: 96%;
    float: right;
    margin: 20px 2%;} */
.desc-pro textarea{
	width:100%;
	float:right;
	border:none;
}
.desc-pro input[type="submit"]{
	font-family: 'Yekan-Bakh-Medium';
    border: none;
    color: #1B2A49;
    background: #EDA900;
    padding: 8px 30px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    font-size: 15px;
}
.desc-pro input[type="submit"]:hover{
	background:#1B2A49;
	color:#EDA900;
}
.project-slider .swiper-button-next{    background: url(../img/arr.png);height: 112px;transform: rotate(180deg);left: -10px;margin: -50px -11px 0;}
.project-slider .swiper-button-prev{    background: url(../img/arr.png);height: 112px;left: -10px;margin: -50px -10px 0;}
.swiper-button-next:after{transform: rotate(180deg); margin-left: 10px;}
.swiper-button-prev:after{ margin-left: 10px;}
.project-slider .swiper-button-prev,.project-slider .swiper-button-next{color: #000;}
.project-slider{width: 100%; height: 500px; margin: 30px 0;}
.swiper-thumbs{bottom: 70px;}

/* .swiper-thumbs .swiper-slide{width: 80px !important; height: 60px; margin:0 auto; display: inline-block; background: #000;}
.swiper-thumbs .swiper-wrapper{  text-align: center;transform: translate3d(0, 0px, 0px) !important;} */



.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{font-size:20px;color: var(--primary);}
.single-pro{width: 100%; float: right; margin: 50px 0 20px;}
.single-page{margin: 40px 0 20px;}
.title-pr svg{float: right; width: 20px; margin-top: -1px;}
.title-pr svg path{fill: var(--primary)}
.title-pr svg fill{fill: var(--primary);}
.title-pr span{float: right; font-size: 15px;margin: 4px 5px 8px; color: var(--primary);
    position: relative;}
.r-pro{width: 68%; float: right; }
.mxpro{width: 96%; float: right; padding: 2%; background: #f6f5fa; border-radius: 0 10px 10px 10px;}
.l-pro{width: 30%; float: left;}
.tltpr .title-pr span:before{transition: all 0.2s ease-in;content: "";position: absolute;right: -8px;bottom: -18px;transform: translateX(-50%);width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
.sidebar{width: 100%; float: right; margin-bottom: 40px;}
.social-share{float: left; background: #f6f5fa; width: 100%;    display: flex;justify-content: center;    padding: 20px 0; }
.social-share a{margin: 10px 15px 5px;}
.social-share svg path{fill:#333;}
.info-pro{width: 96%; float: right; margin: 10px 2%; display: flex;}
.img-pro{width: 200px; height: 200px; float: right;   border-radius: 5px;position: relative;}
.img-pro:before{content: '';
    width: 220px;
    height: 220px;
    position: absolute;
    right: -5px;
    top: -5px;
    background: #ededed;
    z-index: 1;transform: rotate(2deg); border-radius: 5px;}
.img-pro img{border-radius: 5px;position: relative;border:5px solid #fff; z-index: 2;}
.list-info{float: right;margin-right: 30px; display: flex; flex-wrap: wrap; gap: 15px;}
.list{width: 140px;background: #fff;text-align: center; padding-bottom: 1px; border-radius: 10px;  flex: 0 0 calc(33.333% - 10px); margin-bottom: 11px;}
.list *{display: block; margin-bottom: 10px; font-size: 14px; color: var(--primary);}
.list svg{    width: 20px;background: #f6f5fa;padding: 5px 8px;border-radius: 0 0 10px 10px;}

.list .list-icon{position: relative; width: 36px;}
.list .list-icon:before{content: '';background:  url(../svg/shape2.svg);position: absolute;top: 0px;right: -20px;width: 20px;height: 20px;transform: rotate(90deg);}
.list .list-icon:after{content: '';background:  url(../svg/shape2.svg);position: absolute;top: 0px;left: -20px;width: 20px;height: 20px;transform: rotate(180deg);}
.st0{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.st1{fill:none;stroke:#000000;stroke-width:2;stroke-linejoin:round;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px;}
.desc-pro{width:96%; float: right; margin: 20px 2%;}
.desc-pro p{line-height: 1.7; font-size: 15px; color: var(--primary);}
.bread  span.breadcrumb_last{margin: 0 10px;}
#project-Video{width: 100%;}
.tag-box{width: 96%; float: right;float: left;background: #f6f5fa; padding:15px 2% 15px;}
.tag-box a{color: var(--primary); font-size: 12px; margin-left: 4px;}
.tag-box a:hover{color: var(--secend);}
.more-project{width: 100%; float: right; height: 350px; margin: 50px 0;}
.more-project .swiper{height: 100%;}
.more-project .swiper-slide {background: none;}
.more-project .project{height: 300px}
.side-menu {
    position: fixed;
    top: 0;
    right: -300px; /* پنهان شده بیرون صفحه */
    width: 300px;
    height: 100%;
    background: #071023;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
    transition: right 0.4s ease, opacity 0.3s ease;
    z-index: 1000;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* وقتی فعال شد */
.side-menu.active {
    right: 0;
    opacity: 1;
}
/* لوگو بالا */
.logo-menu {
    text-align: center;
    margin-bottom: 40px;
}
.logo-menu img {
    width: 50px;
    height: 50px;
}
.logo-menu span {
    display: block;
    color: #ccc;
    font-size: 15px;
    margin-top: 10px;
}

/* منوی میانی */
.menu-content {
    list-style: none;
    padding: 0;
    margin: 0;

    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-end; /* ⬅️ آیتم‌ها به راست بچسبن */
    width: 100%;
    margin-right: 20px;     /* ⬅️ فاصله از لبه راست */
    box-sizing: border-box;
    text-align: right;
}
.menu-content li {
    width: 100%;
}
.menu-content li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-right: 25px;
    display: inline-block;
    transition: color 0.3s ease;
}

/* فلش در کنار لینک‌ها */
.menu-content li a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M15 18l-6-6 6-6"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}
.menu-content li a:hover {
    color: #EDA900;
}
.menu-content li a:hover::after {
    transform: translateY(-50%) translateX(-3px);
}

/* شبکه‌های اجتماعی در پایین */
.social {
    margin-bottom: 50px;
    text-align: center;
}
.social a {
    display: inline-block;
    margin: 0 5px;
}
.social a img {
    width: 25px;
    height: 25px;
    display: inline-block;
    filter: brightness(0) invert(1);
}
.no-gallery{width: 100%;float: right;margin-bottom: 100px;}
.social-share a.twit{margin: 7px 7px 5px;}
.custom-form .gfield:nth-child(1),.custom-form .gfield:nth-child(2){
	width:48%;
	float:right;
	margin:10px 1%;
}
.custom-form .gfield input{
	width:94%;
	 padding: 13px 3%;
	border:none;
	border-right: 2px solid #eda900;
	transition: all 0.2s ease-in;
}
.custom-form .gfield input:focus
{
	border-right: 4px solid #2e374e;
}
.custom-form .gfield label{
	font-size:14px;
	margin-bottom:15px;
	float:right;
}
.custom-form .gfield:nth-child(2){    float: left;
    margin: 10px 0;}
.custom-form .gfield--type-textarea textarea
{
	border-right: 2px solid #eda900;
	transition: all 0.2s ease-in;
}

.custom-form .gfield--type-textarea textarea:focus{
	border-right: 4px solid #2e374e;
}
.custom-form .gfield--type-textarea,.custom-form .gfield--type-captcha
{
	margin:20px 0;
	float:right;
	width:100%;
}
.building{  
	width:98%;
	margin:10px 1%;
	float:right;
	display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* همیشه از چپ شروع کن */
}
.item-buil {
flex: 0 0 calc(33.333% - 10px); /* عرض هر آیتم برای 3 تایی در ردیف */
  box-sizing: border-box;
	background:#fff;
	margin-right: 10px;
    margin-bottom: 10px;
	padding: 20px 18px;
	position:relative;
	transition: all 0.2s ease-in;
}
.item-buil span
{
	float:right;
}
.item-buil span:nth-child(2)
{
	margin-top:13px;
}
.item-buil span svg
{
	fill: #2e374e;
}
.item-buil:before{
	content: '';
    width: 20%;
    height: 6px;
    float: right;
    background: #e9a701;
    position: absolute;
    top: 0;
    right: 40%;
    border-radius: 0 0 6px 6px;
	opacity:0;
	transition: all 0.2s ease-in;
}
.item-buil:hover:before {
	opacity:1;

}
.item-buil:hover
{
	background:#fbfbfb;
}
.title-pros{margin:20px 0; width:100%; float:right; }
.title-pros h3:before{content:""; width:8px; height:8px; background:#e9a701; border-radius:10px; float:right; margin: 3px 0 0 10px;}
.project-catalog{width:100%; float:right;}
.project-catalog a{float: left;padding: 14px 22px 7px;background: #EDA900;color: #fff; line-height: 2;transition: all 0.2s ease-in;}
.project-catalog a:hover{background:#df9f00;}
.project-catalog a svg{float: right;margin: -3px 0 0 16px;}
.project-catalog a:hover svg path{opacity:1;}
.project-catalog a svg path{transition: all 0.2s ease-in;}
.swiper-free-mode>.swiper-wrapper{height:65px;}
/* آیکون ذره‌بین */
.zoom-wrapper {
    position: relative;
    display: inline-block;
}
.zoom-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 18px;
    padding: 6px 8px 2px;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}
.zoom-wrapper:hover .zoom-icon {
    background: rgba(0,0,0,0.8);
}

/* Modal استایل */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}
.modal img {
    display: block;
    max-width: 90%;
    max-height: 80%;
    margin: auto;
    border-radius: 10px;
}
.modal-close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}
.aparat_video{float:right; width:100%;}
.linkaparat{float:right; width:100%; text-align:center;}
.linkaparat a{padding: 12px 20px;background: #EDA900; color: #fff;margin-top: 10px; display: inline-block;}
.phone-box{position:fixed; right:20px; bottom:20px; z-index:9999;}
.trigger-box {
    padding:9px 13px 5px;
    background: #EDA900;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
	position:absolute;
	right:20px;
	bottom:20px;
}
.trigger-box:hover {
    background: #2e374e;
}
.trigger-box svg {
    width: 24px;
    height: 24px;
}
.trigger-box svg path
{
	fill:#fff;
}
.contact-box {
	display: none;
    margin-top: 10px;
    bottom: 69px;
    right: 20px;
    position: relative;
}
.contact-box a {
    display: block;
    margin: 4px 0;
    font-size: 18px;
    color: #007bff;
	padding:16px 15px 12px;
	background:#2e374e;
	color:#fff;
	border:4px solid rgba(250,250,250,0.5)
}
.contact-box a svg
{
	float: right;
    margin: -8px 0 0 10px;
}
.sec-img{
	width:100%;
	float:right;
}
.img-galery {
 	display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    direction: rtl;
    justify-items: start;
}

.img-galery .mini-img {
	position:relative;
	 width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    cursor: pointer;
}

.img-galery .mini-img img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
    cursor: pointer;
}
.magnifier-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.img-galery .mini-img:hover .magnifier-icon {
    opacity: 1;
}
/* مدال برای نمایش تصویر بزرگ */
.image-modal {
    display: none; /* مخفی در حالت عادی */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.image-modal img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 8px;
}

.image-modal.active {
    display: flex;
}

.image-modal::after {
    content: '×';
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}




@media screen and (max-width: 1281px) {
    .container{width: 98%;}
    .foot{width: 100%;}
    .searchs{width: 180px;}
    .btn-log a{margin: -4px 10px 0 10px;}
    .projects{flex-wrap: wrap;}
}
@media screen and (max-width: 1025px) and (max-width: 1280px) {
    .btn-log{display: none;}
    .searchs{margin-left: 10px;}
    .cmenu li a svg{margin: -3px 4px;}
    .cmenu ul{display: none;}
    .search-bx{display: none;}
    .search-side{width: 80%; margin: 0;}
    .searchs button{width: 15%;}
    .btn-menu{display: block;}
    .foot{flex-wrap: wrap; margin-top: 150px;}
    .box-foot:nth-child(2),.box-foot{width: 80%; margin: 20px 10%;}
    .information{flex-wrap: wrap; }
    .information>div{flex: none; width: 100%;}
    .r-pro,.l-pro{width: 100%}
}
@media screen and (max-width: 480px) {

    .copyright{line-height: 1.8;}
    /*.project-slider{height: auto;}*/
    .info-pro{flex-wrap: wrap;}
    .list-info{margin-right: 0;}
    .l-pro{margin-top: 30px;}
    .img-pro{margin-bottom: 40px;}
    .logo-footer{right: 70px;}
    .single-pro{margin: 20px 0 20px; }
    .lbox .text{display: none;}

    .project-slider {
        height: auto;
        margin: 20px 0;
    }

    .project-slider .swiper.project-swiper2 {
        height: 250px; /* ارتفاع ثابت برای پر شدن */
    }

    .project-slider .swiper-slide {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .project-slider .swiper-slide img {
        width: 100%;
/*         height: 100%; */
        object-fit: cover; /* پر کنه، حتی اگه مجبور شه کراپ کنه */
        display: block;
    }

    .swiper-thumbs .swiper-wrapper {
        display: flex !important;
        justify-content: center;
        transform: none !important;
    }

    .swiper-thumbs .swiper-slide {
        width: 60px !important;
        height: 40px;
        margin: 0 5px !important;
        display: inline-block;
    }

    .swiper-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}
@media screen and (max-width: 600px) {

		.list-info{
		    width: 100%;
		   margin-right:0;
	}
	.info-pro{flex-wrap: wrap;}
	.img-pro{margin-bottom:50px;}
	.item-buil{flex: 0 0 calc(50% - 10px);}
	.img-galery {
        grid-template-columns: repeat(2, 1fr); /* 2 ستون */
    }
	
	
	
	
}