@font-face{
    font-family:IRANSansX;
    src:url("/themes/default/fonts/iransansx/IRANSansX-Regular.woff") format("woff"),url("/themes/default/fonts/iransansx/IRANSansX-Bold.woff") format("woff"),
      url("/themes/default/fonts/iransansx/IRANSansX-Regular.woff2") format("woff2"),url("/themes/default/fonts/iransansx/IRANSansX-Bold.woff2") format("woff2");
    font-weight:400;
    font-display:fallback
}
@font-face{
    font-family:IRANSansX;
    src:url("/themes/default/fonts/iransansx/IRANSansX-Bold.woff") format("woff"),url("/themes/default/fonts/iransansx/IRANSansX-Bold.woff2") format("woff2");
    font-weight:600;
    font-display:fallback
}
.about-us-main{
    direction:rtl;
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center
}
.about-us-main *{
    font-family:IRANSansX;
    font-feature-settings:"ss02"
}
.about-us-main .about-us-container{
    max-width:920px;
    width:100%
}
@media screen and (max-width: 768px){
    .about-us-main .about-us-container{
        max-width:100%;
        width:100%
    }
}
.section-about{
    padding:8px
}
@media screen and (max-width: 375px){
    .section-about{
        padding:0px
    }
}
.section-top-social{
    display:grid;
    grid-template-columns:1fr;
    justify-content:center
}
.section-top-social h1{
    font-weight:800;
    font-size:18px;
    color:#3c5a6f
}
@media screen and (max-width: 768px){
    .section-top-social h1{
        font-size:16px
    }
}
.section-top-social .top-image{
    margin-bottom:-150px;
    z-index:1
}
.section-top-social .top-image img{
    max-width:200px
}
.section-top-social .icons-section{
    padding-top:150px;
    background:#fff;
    box-shadow:0px 12px 18px 1px rgba(0,0,0,.1);
    border-radius:96px;
    margin-bottom:50px;
    padding-inline:8px
}
@media screen and (max-width: 768px){
    .section-top-social .icons-section{
        margin-bottom:40vw;
        border-radius:48px
    }
}
.section-top-social .icons-section .grid-six{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    gap:24px;
    padding-inline:96px;
    margin-bottom:-50px
}
@media screen and (max-width: 768px){
    .section-top-social .icons-section .grid-six{
        padding-inline:24px;
        grid-template-columns:repeat(3, 1fr);
        margin-bottom:-40vw
    }
}
.section-top-social .icons-section .grid-six .item{
    padding:8px;
    background-color:#fff;
    border:1px #ededed solid;
    border-radius:16px;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center
}
@media screen and (max-width: 375px){
    .section-top-social .icons-section .grid-six .item{
        width:55px
    }
}
@media screen and (max-width: 321px){
    .section-top-social .icons-section .grid-six .item{
        width:45px
    }
}
.section-top-social .icons-section .grid-six .item img{
    width:36px;
    height:36px;
    -o-object-fit:contain;
    object-fit:contain
}
.section-top-social .icons-section .grid-six .item:hover{
    border-color:#c9d1ff;
    background-color:#c9d1ff
}
.section-top-social .icons-section .grid-six .item:hover img{
    filter:brightness(0) invert(1)
}
.section-top-social .links-section{
    margin-top:24px;
    padding-inline:96px
}
@media screen and (max-width: 768px){
    .section-top-social .links-section{
        padding-inline:32px
    }
}
@media screen and (max-width: 375px){
    .section-top-social .links-section{
        padding-inline:0px
    }
}
.section-top-social .links-section .flex-three{
    display:flex;
    flex-wrap:wrap;
    gap:16px
}
.section-top-social .links-section .flex-three .item-link{
    padding-inline:4px;
    display:flex;
    gap:8px;
    justify-content:center;
    align-items:center;
    flex:1 0 auto
}
@media screen and (max-width: 768px){
    .section-top-social .links-section .flex-three .item-link{
        flex:1 0 100%
    }
}
.section-top-social .links-section .flex-three .item-link p{
    font-size:13px;
    text-align:justify;
    font-weight:800
}
.section-top-social .links-section .flex-three .item-link a{
    color:#000;
    text-decoration:none;
    border:2px #ededed solid;
    border-radius:12px;
    flex:1 0;
    display:flex;
    gap:4px;
    align-items:center;
    justify-content:end;
    padding:8px
}
.section-top-social .links-section .flex-three .item-link a svg{
    width:24px;
    height:24px;
    fill:#c9d1ff
}
.section-top-social .links-section .flex-three .item-link a span{
    text-align:center;
    flex-grow:1
}
.section-top-social .links-section .flex-three .item-link a:hover{
    background-color:#c9d1ff;
    color:#fff
}
.section-top-social .links-section .flex-three .item-link a:hover svg{
    fill:#fff !important;
    stroke:#fff !important
}
.section-top-social .links-section .flex-three .item-link a:hover svg path{
    stroke:#fff
}
.section-map{
    max-width:100%;
    margin-top:12rem;
    margin-bottom:12rem
}
@media screen and (max-width: 768px){
    .section-map{
        margin-top:4rem;
        margin-bottom:4rem
    }
}
.section-map>div{
    display:grid
}
.section-map .map-link{
    display:block;
    width:100%;
    border-radius:24px;
    overflow:hidden
}
.section-map .map-link img{
    max-width:100%
}
.section-map .map-text-box{
    width:85%;
    background:#fff;
    border:1px #ccc solid;
    margin:-80px auto 0px auto;
    display:flex;
    background-color:#fff;
    flex-wrap:wrap;
    text-align:right;
    box-shadow:-24px 24px 64px 4px rgba(0,0,0,.1)
}
@media screen and (max-width: 768px){
    .section-map .map-text-box{
        width:95%;
        margin-top:-40px !important;
        box-shadow:0px 32px 48px 4px rgba(0,0,0,.1)
    }
}
.section-map .map-text-box h2{
    font-size:18px
}
.section-map .map-text-box h3{
    font-size:16px;
    font-weight:800;
    color:#777
}
@media screen and (max-width: 768px){
    .section-map .map-text-box .about-pane{
        flex:0 1 100% !important;
        padding:12px 24px !important
    }
    .section-map .map-text-box .about-pane svg{
        display:none
    }
}
.section-map .map-text-box .right-pane{
    padding:24px 48px;
    flex:0 0 30%;
    background-color:#436c82;
    color:#fff
}
.section-map .map-text-box .right-pane .item-row{
    display:flex;
    gap:12px;
    align-items:center
}
.section-map .map-text-box .right-pane .item-row p{
    font-size:14px
}
.section-map .map-text-box .right-pane .item-row svg{
    fill:#ededed;
    width:auto;
    height:auto
}
.section-map .map-text-box .right-pane .item-row svg.envlope{
    fill:none !important
}
.section-map .map-text-box .right-pane .item-row svg.envlope path{
    stroke:#ededed
}
.section-map .map-text-box .right-pane .item-row a{
    color:#fff;
    text-decoration:none
}
.section-map .map-text-box .right-pane hr{
    background-color:#ededed;
    height:3px;
    border:none;
    width:72px;
    -webkit-margin-start:0px;
    margin-inline-start:0px
}
@media screen and (max-width: 768px){
    .section-map .map-text-box .right-pane{
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        grid-template-rows:auto auto auto;
        gap:8px
    }
    .section-map .map-text-box .right-pane h2{
        grid-column:1/2;
        grid-row:1/2;
        font-size:14px
    }
    .section-map .map-text-box .right-pane hr{
        flex:1 0 100%;
        grid-column:1/4;
        grid-row:2/3;
        width:100%
    }
    .section-map .map-text-box .right-pane .item-row{
        grid-row:3/4;
        text-align:center;
        justify-content:center
    }
    .section-map .map-text-box .right-pane .item-row p{
        font-size:12px
    }
    .section-map .map-text-box .right-pane .item-row.address-row{
        grid-column:2/4;
        grid-row:1/2
    }
}
.section-map .map-text-box .left-pane{
    padding:24px 48px;
    flex:1 0;
    text-align:right;
    max-height:420px;
    overflow-y:auto
}
.section-map .map-text-box .left-pane .phone-items{
    display:grid
}
.section-map .map-text-box .left-pane .phone-items .phone-row{
    margin:10px 0px;
    display:flex;
    align-items:start;
    gap:8px
}
.section-map .map-text-box .left-pane .phone-items .phone-row .name{
    font-size:14px
}
.section-map .map-text-box .left-pane .phone-items .phone-row .divider{
    margin-top:8px;
    flex:1 0;
    border-bottom:2px #ccc dotted;
    height:2px
}
.section-map .map-text-box .left-pane .phone-items .phone-row .phone{
    text-align:left;
    font-size:14px;
    font-weight:400
}
.section-map .map-text-box .left-pane .phone-items .phone-row .phone br{
    margin-bottom:8px
}
.section-map .map-text-box .left-pane::-webkit-scrollbar{
    width:14px
}
.section-map .map-text-box .left-pane::-webkit-scrollbar-track{
    background:#fff;
    border-right:2px #eee solid
}
.section-map .map-text-box .left-pane::-webkit-scrollbar-thumb{
    background:#ccc
}
.section-map .map-text-box .left-pane::-webkit-scrollbar-thumb:hover{
    background:#aaa
}