@font-face {
    font-family: Iransans;
    src: url('../fonts/IRANSansWeb.ttf') format('truetype'),url('../fonts/IRANSansWeb.eot') format('opentype');
}
@font-face {
    font-family: IransansBold;
    src: url('../fonts/IRANSansWeb_Bold.ttf') format('truetype'),url('../fonts/IRANSansWeb_Bold.eot') format('opentype');
}
@font-face {
    font-family: IransansLight;
    src: url('../fonts/IRANSansWeb_Light.ttf') format('truetype'),url('../fonts/IRANSansWeb_Light.eot') format('opentype');
}
@font-face {
    font-family: IransansDS;
    src: url('../fonts/IRANSansDN/eot/iransansdnweb.eot') format('opentype'),url('../fonts/IRANSansDN/woff/iransansdnweb.woff') format('woff'),url('../fonts/IRANSansDN/ttf/iransansdnweb.ttf') format('truetype');
}
@font-face {
    font-family: IransansDSBold;
    src: url('../fonts/IRANSansDN/eot/iransansdnwebbold.eot') format('opentype'),url('../fonts/IRANSansDN/woff/iransansdnwebbold.woff') format('woff'),url('../fonts/IRANSansDN/ttf/iransansdnwebbold.ttf') format('truetype');
}

@font-face {
    font-family: IransansDS_FaNumeral;
    src: url('../fonts/IRANSansDN/fa_numeral/eot/iransansdnweb.eot') format('opentype'),url('../fonts/IRANSansDN/fa_numeral/woff/iransansdnweb.woff') format('woff'),url('../fonts/IRANSansDN/fa_numeral/ttf/iransansdnweb.ttf') format('truetype');
}
@font-face {
    font-family: IransansDS_FaNumeralBold;
    src: url('../fonts/IRANSansDN/fa_numeral/eot/iransansdnwebbold.eot') format('opentype'),url('../fonts/IRANSansDN/fa_numeral/woff/iransansdnwebbold.woff') format('woff'),url('../fonts/IRANSansDN/fa_numeral/ttf/iransansdnwebbold.ttf') format('truetype');
}
@font-face {
    font-family: IransansDS_FaNumeralLight;
    src: url('../fonts/IRANSansDN/fa_numeral/eot/iransansdnweblight.eot') format('opentype'),url('../fonts/IRANSansDN/fa_numeral/woff/iransansdnweblight.woff') format('woff'),url('../fonts/IRANSansDN/fa_numeral/ttf/iransansdnweblight.ttf') format('truetype');
}

@font-face {
    font-family: SamimBold;
    src: url('../fonts/Samim-Bold.eot') format('opentype'),url('../fonts/Samim-Bold.woff') format('woff'),url('../fonts/Samim-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*  fa  */
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-twitter:before {
    content: "\f099";
}
.fa-telegram:before {
    content: "\f2c6";
}
.fa-facebook:before {
    content: "\f09a";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-volume-control-phone:before {
    content: "\f2a0";
}

.fa-home:before {
    content: "\f015";
}

.fa-sign-in:before {
    content: "\f090";
}
.fa-cog:before {
    content: "\f013";
}
.fa-user-circle-o:before {
    content: "\f2be";
}
.fa-vcard-o:before {
    content: "\f2bc";
}

.fa-search:before {
    content: "\f002";
}

.fa-dashboard:before {
    content: "\f0e4";
}

.fa-times:before {
    content: "\f00d";
}
.fa-ellipsis-h:before {
    content: "\f141";
}
.fa-bars:before {
    content: "\f0c9";
}
.fa-map-marker:before {
    content: "\f041";
}
.fa-mobile-phone:before {
    content: "\f10b";
}
.fa-phone-square:before {
    content: "\f098";
}
.fa-headphones:before {
    content: "\f025";
}
.fa-copyright:before {
    content: "\f1f9";
}
.fa-pencil:before {
    content: "\f040";
}
.fa-calendar-plus-o:before{
   content:"\f271";
}
.fa-eye:before{
   content:"\f06e";
}
.fa-trash:before{
   content:"\f1f8";
}
.fa-send:before{
   content:"\f1d8";
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-size: 14px;
   
}
p{
    text-align: right;
    direction: rtl;
}

section {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.container{
    width:90%;
    margin:auto auto;
}
a, a:hover {
    text-decoration: none;
    font-family: Iransans;
}
h1,h2,h3,h4,h5,h6,p{
    font-family:Iransans;
}
ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
.swal2-html-container{
    font-family:Iransans !important;
}
.persian-date-picker{
    text-align:center;
    direction:rtl;
    display:grid;
    display:inline-block;
    height:fit-content;
    padding:0;
    border:1px solid #f2f2f2;
}
.persian-date-picker select {
        border: none;
        outline: none;
        line-height: 30px;
        height: 30px;
        margin: 0;
        text-align: center;
        font-family: IRANSansDNFaNum;
        border-left: 1px solid #f2f2f2;
        padding:0 5px;
    }
    .persian-date-picker input[type=text] {
        width:100px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        text-align: center;
        font-family: IRANSansDNFaNum;
        border: none;
        outline: none;
        background-color:#fff;

    }
.breadcrumb-section {
    background-color: #ebebeb;
}
.breadcrumb{
    text-align:right;
    direction:rtl;
    margin:3px auto;
}
.breadcrumb li{
    display:inline-block;
    margin:5px;
}
    .breadcrumb li a::after {
        content: "/";
        margin-right:3px;
    }
    .breadcrumb li.active a::after{
        content:"";
    }
.pagging-section{
    width:100%;
    padding:10px 0;
    margin:10px 0;
    box-shadow:0 0 5px #ebebeb;
    background-color:#ebebeb;
}
.pagging {
    width: 90%;
    text-align: center;
    margin: auto auto;
    direction: rtl;
}
.pagging ul{
    padding:0;
    margin:0;
}
.pagging li{
    display:inline-block;
    margin:3px;
}
    .pagging a {
        display: flex;
        justify-content:center;
        line-height: 30px;
        width: 30px;
        height: 30px;
        font-family: "IRANSansDNFaNum";
        background-color: #56a219;
        border-radius:100%;
        color:#fff;
    }
.pagging li.active a{
    background-color:#330e94;
}
.pagging a:last-child{
    content:"" !important;
}
.admin-nav{
    position:fixed;
    bottom:150px;
    right:0;
    background-color:#555;
    text-align:center;
    display:inline-block;
    height:35px;
    width:35px;
    border-top-left-radius:100%;
    border-bottom-left-radius:100%;
}
.admin-nav a{
    color:#fff;
    font-size:16px;
    display:flex;
    justify-content:center;
}
.admin-nav a span{
    line-height:35px;
}
.item-shortlink {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-family: IRANSansDNFaNum;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

    .item-shortlink span {
        text-align: center;
        line-height: 50px;
        font-size: 12px;
        color: rgb(0 0 0 /50%);
    }

    .item-shortlink .fa {
        font-size: 18px;
        color: rgb(0 0 0 /50%);
        display: flex;
        justify-content: center;
        cursor: pointer;
    }

    .item-shortlink.hiddenmsg .copymsg {
        display: none;
    }

    .item-shortlink.showmsg .copymsg {
        position: absolute;
        background-color: rgb(0 0 0 /50%);
        color: #fff;
        padding: 2px 10px;
        border-radius: 2px;
        text-align: center;
        line-height: unset;
        right: 35%;
        top: -20px;
        opacity: 0;
        z-index: 50;
        animation: 4s fadeInmsg;
        animation-fill-mode: forwards;
        visibility: hidden;
    }

@keyframes fadeInmsg {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.item-shortlink .copymsg::before {
    content: "\f0dd";
    font-family: "FontAwesome";
    position: absolute;
    bottom: -8px;
    right: 45%;
    color: #006654;
}
.regdate{
    font-family:IRANSansDNFaNum;
    font-size:10px;
}
@media(max-width:768px){
    .breadcrumb-section{
        padding:10px 0;
    }
   .breadcrumb{
       padding:0 3px;
       margin:0;
   }
   .breadcrumb a{
       font-size:10px;
   }
}

/* Header  */
.header {
    overflow: unset;
    box-shadow: 0 0 10px #3e3e3e;
}
.top-header {
    height: 60px;
    display: grid;
    direction: ltr;
    line-height: 60px;
    justify-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr;

}
.scrollmenu .fa-home{
    font-size:25px !important;
}
    .top-header .cms-btn, .scrollmenu .cms-btn {
        color: #fff;
        background-color: #56a219;
        padding: 3px 15px;
        margin: 10px auto;
        border-radius: 5px;
        direction: rtl;
        line-height:35px !important;
        position:relative;
        max-height:35px;
        cursor:pointer;
    }

        .top-header .cms-btn .fa {
            font-size: 16px;
        }

        .top-header .cms-btn:hover, .scrollmenu .cms-btn:hover {
            background-color: #3e3e3e;
        }
        
.cms-btn li a,.cms-btn li button{
    clear:both;
    color:#fff;
    display:flex;
    line-height:30px;
    text-align:center;
    place-items:center;
    background-color:transparent;
    border:none;
    outline:none;
    font-family:Iransans
}
.cms-btn li{
    width:100%;
    padding:0;
    margin:0;
    line-height:30px !important;
}
.cms-btn .fa-sign-in{
    position:absolute ;
    right:3px;
    line-height:27px;
}
.cms-btn-nav{
        position:absolute;
        bottom:0;
        right:0;
    }
    .cms-btn-nav ul{
        position:absolute;
        z-index:1000;
        background-color:#327000;
        width:120px;
        padding:0;
        margin:0;
        display:none;
    }
    .cms-btn a:hover{
        color:#fff !important;
    }
.cms-btn:hover .cms-btn-nav ul {
    display: block;
}
    .cms-btn-nav li{
        margin:2px 0 !important;
    }
    .cms-btn-nav li:hover{
        background-color:#3e3e3e;
    }
    .cms-btn-nav a .fa{
        line-height:30px;
        margin:auto 3px;
    }
    .cms-btn-nav input[type=submit] {
        display: flex;
        border: none;
        outline: none;
        background-color:transparent;
        color:#fff;
        cursor:pointer;
        width: 100%;
        line-height: 30px;
        justify-content: center;
        font-family: 'Iransans';
    }
    .cms-btn-nav form{
        position:relative;
    }
    .cms-btn-nav form::before{
        clear:both;
        position:absolute;
        right:2px;
        content:"\f08b";
        font-family:FontAwesome;
        right:2px;
        font-size:20px;
    }
    .top-header .fa-volume-control-phone {
        transform: rotate(330deg);
    }

    .top-header .fa {
        font-size: 25px;
    }

    .top-header ul .fa:hover {
        color: #330e94;
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transition: all .3s;
    }

    .top-header a {
        color: #56a219;
    }

        .top-header a:last-child {
            padding: 5px;
        }

    .top-header li {
        display: inline-block;
        margin: auto 3px;
    }

.menu {
    height: 65px;
    width: 70%;
    display: inline-flex;
    background-color: #56a219;
    position: relative;
    text-align: right;
    direction: rtl;
}
    .menu:before {
        content: "";
        height: 100%;
        width: 10%;
        background-color: #56a219;
        position: absolute;
        right:-8px;
        border-top-right-radius:8px;
        transform:translateX(55%) skewX(30deg)
    }
    .menu ul {
        width: 100%;
        text-align: right;
        direction: rtl;
        position:relative;
    }

.menu-divider {
    width: 135px;
    transform: translateX(55%) skewX(45deg);
    display: inline-block;
    background-color: inherit;
}

.menu li {
    display: inline-block;
    line-height: 65px;
    margin:auto 5px;
}
.menu li:last-child{
    position:absolute;
    left:35px;
}

.menu a {
    color: #fff;
    display: inline-flex;
}

.menu .fa {
    font-size: 25px;
}

.menu a:hover {
    color: #330e94;
}
.menucontact-ul {
    display:none !important;
}
@media(min-width:1300px){
    .menu li{
        margin:auto 20px;
    }
}
@media(max-width:1085px){
    .menu {
        width:70%;
    }
  .menu-divider{
        width:85px;
    }
    .menu li{
        margin:auto 5px;
    }
    .menu li:last-child{
        left:10px;
    }
}
@media(max-width:973px){
   .top-header{
       grid-template-columns:repeat(4,2fr)
   }
    .maillink{
        display:none;
    }
    .scrollmenu .menucontact{
        display:none;
    }
  
}
@media(max-width:973px){
  li.menucontact{
        display:none;
    }
     .menucontact-ul{
         position:relative;
         display:inline-block !important;
         cursor:pointer;
         padding:0 5px;
     }
     .menucontact-ul:before{
         content:"\f141";
         font-family:FontAwesome;
         cursor:pointer;
         color:#fff;
     }
     .scrollmenu .menucontact-ul:before{
         color:#56a219;
     }
        .scrollmenu .menucontact-ul li a {
            color: #fff;
            line-height: 45px !important;
            display:flex;
            justify-content:center;
        }
     .scrollmenu .menucontact-ul li a:hover{
         color:#330e94;
     }
      .menucontact-ul ul{
          position:absolute;
          padding:0;
          margin-top:-2px;
          width:auto;
          right:-40px;
          transform:scaleX(0);
          transition:transform 0.2s;
         
      }
      .menucontact-ul:hover ul{
          transform:scaleX(1);
          transition:transform 0.2s;
      }
      .menucontact-ul ul li{
          display:block !important;
          line-height:35px;
          background-color:#56a219;
          width:100px;
          text-align:center;
      }
        .menucontact-ul ul li:first-child {
            border-top: 2px solid #3e3e3e;
        }
      .menucontact-ul li:last-child{
          left:unset;
      }
}

.searchpanel {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index:105;
}
.searchbtn:before{
   content:"\f002";
   font-family:FontAwesome;
   font-size:20px;
   cursor:pointer;
   line-height:60px;
   color:#56a219;
   display:flex;
   justify-content:center;
}
.searchbtn:hover:before{
    color:#330e94 !important;
}
.top-header .searchbtn{
    color:#56a219 !important;
}
.menu .searchbtn:before{
    color:#fff;
}
    .searchpanel .fa-times {
        position: fixed;
        z-index: 10;
        display: inline-block;
        left: 50px;
        top: 40px;
        font-size: 40px;
        cursor: pointer;
        color: #ffd800;
    }

.searchform {
    width: 80%;
    margin: 140px auto;
}

.searchbox {
    width: 100%;
    height: 60px;
    display: grid;
    grid-template-columns: 6fr 1fr;
    direction: rtl;
}

    .searchbox input[type=text], .searchbox input[type=submit] {
        border: none;
        font-family: Iransans;
    }

    .searchbox input[type=text] {
        padding-right: 10px;
    }

        .searchbox input[type=text]:focus {
            outline: none;
        }

    .searchbox input[type=submit] {
        cursor: pointer;
        background-color: #56a219;
        color: #fff;
        font-size: 16px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .searchbox input[type=submit]:hover {
            background-color: #330e94;
        }
.displayshow {
    transform: translateY(none);
    transition: transform 0.5s;
}
.displayhidden {
    transform: translateY(120%);
    transition: transform 0.5s;
}
.scrollmenushow {
    transform: translateY(none);
    transition: transform 0.5s;
}

.scrollmenuhidden {
transform:translateY(-120%);
transition:transform 0.5s;
}



.scrollmenu {
    width: 100%;
    height: 60px;
    direction: rtl;
    display: grid;
    grid-template-columns: 2fr 6fr 2fr 1fr;
    justify-items: center;
    box-shadow: 0px 3px 7px 0px rgb(12 12 12/41%);
    background-color: rgba(255,255,255,.97);
 position:fixed;
    top:0;
    z-index: 100;
}

    .scrollmenu ul {
        padding: 0;
        margin: 0;
        text-align: right;
    }

    .scrollmenu li {
        display: inline-block;
        line-height: 60px;
        margin: auto 5px;
    }

        .scrollmenu li a {
            display: inline-flex;
        }
    .scrollmenu .menulogo {
        height: 60px;
    }
    .scrollmenu a {
        line-height: 60px;
        color: #56a219;
    }

    .scrollmenu .cms-btn, .scrollmenu .cms-btn:hover {
        color: #fff;
    }

    .scrollmenu .fa-search {
        font-size: 25px;
    }

    .scrollmenu a:hover {
        color: #330e94;
    }
.menutoggle{
    font-size:25px;
    display:none;

}
@media(max-width:768px) {
   .scrollmenu{
       position:sticky;
   }
    .scrollmenuhidden{
        transform:translateY(0);
    }
  

    .top-header {
        display: none !important;
    }

    .scrollmenushow {
        transition: unset;
    }

    .scrollmenuhidden {
        display: grid !important;
        grid-template-columns: 2fr 4fr 2fr;
        width: 100%;
    }

    .scrollmenu a img{
        margin:auto 5px;
    }
    .scrollmenu .searchbtn{
        display:none;
    }
    .scrollmenu .menutoggle{
        display:block;
        line-height:60px;
        height:60px;
      
    }
    .menutoggle.toggle:before {
        content: "\f0c9";
        font-family: FontAwesome;
        color: #56a219;
        cursor:pointer;
        display:flex;
        justify-content:center;
    }
    .menutoggle.times:before {
        content: "\f00d";
        font-family: FontAwesome;
        color: #330e94;
        cursor: pointer;
        display: flex;
        justify-content: center;
    }
    .scrollmenu .cms-btn{
        padding:3px 10px;
        font-size:13px;
        margin:14px auto;
        display:block !important;
    }
    .scrollmenu ul {
        display: none;
    }

    .menu-divider {
        display: none !important;
    }

    .menu {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        width: 260px;
        padding-top: 20px;
        z-index: 110;
    }
    .smmenushow {
        transform: translateX(none);
        transition: transform 0.7s;
    }
    .smmenuhidden {
        transform:translateX(120%);
        transition:transform 0.7s;
       
    }
        .menu li {
            display: block;
            text-align: center;
            line-height: 40px;
            margin: 3px auto;
        }

            .menu li:last-child {
                position: unset;
                font-size: 25px;
                margin-top:20px;
            }

            .menu li a {
                display: flex;
                justify-content: center;
            }

    .menucontact-ul {
        display: none !important;
    }
    .searchpanel .fa-times{
        left:15px;
    }
    .searchform {
        width: 95%;
    }
    .searchbox{
        height:40px;
    }
}




/*    Slider                          *************** */

 .slider-item{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    text-align: center;
    margin-top: 10px;
}
.slider-item:nth-child(n){
    clear: both;
    direction: rtl !important;
}

.slider-item:nth-child(2n){
    clear: both;
    direction: ltr !important;
}
    .slider-item img {
        width: 100%;
        object-fit: cover;
    }
.slider-item h3{
    font-family: IransansDSBold;
    font-weight: 500;
    font-size: 22px;
    line-height: 40px;
}
.slider-item p{
    font-family: SamimBold;
    text-align: center;
    line-height: 35px;
}
.slider-item .textDiv{
   position: relative;
   min-height: 300px;
}
.slider-item .textDiv>div{
    width: 100%;
   position: absolute;
    top: 25%;
}
.slider-item a{
    margin-top: 20px;
    line-height: 35px;
    display: inline-flex;
    background-color: #3e3e3e;
    color: #fff;
    padding: 5px 40px;
    box-shadow: 2px 2px 5px #56a219;
    border-radius: 5px;

}
.slider-item a:hover{
    background-color: #56a219;
    box-shadow: 2px 2px 5px #3e3e3e;
}
@media(max-width:768px){
   .slider-item{
       grid-template-columns: 1fr;
   }
   .slider-item .textDiv>div{
       top: 5%;
   }
  
}






/*main*/
.section-titr{
    text-align:center;
}
.section-titr h2 {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    text-align:center;
}
.section-titr h2::after {
    left: 102%;
    right: auto;
}
.section-titr h2::after, .section-titr h2::before {
    width: 100%;
    height: 1px;
    background-color: #3e3e3e;
    display: inline-block;
    content: " ";
    position: absolute;
    top: 50%;
}
    .section-titr h2::before {
        right: 102%;
        left: auto;
    }

.home-page {
    min-height: 400px;
}
.home-page h1{
    font-family:IransansDSBold;
    text-align:right;
    font-weight:400;
    direction:rtl;
    font-size:13px;
    width:90%;
    margin:40px auto;
}

.home-page-web{
   
    width:90%;
    margin:auto auto;
  
}
.home-page-web h2,.section-titr h2,.hostsection h2{
    text-align:center;
    font-family:IransansDSBold;
    font-weight:400;
    color:#330e94;
    font-size:16px;
}
.home-page-web>div{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-bottom:50px;
}
.home-page-web img{
    width:80%;
    margin:auto auto;
}
.home-page-web p{
    line-height:36px;
    color:#555;
}
.home-page-web p:first-child{
    padding-top:50px;
}
.home-page-web p:last-child{
    padding-top:0;
    text-align:left;
}
.home-page-web p:last-child a{
    justify-content:flex-end !important;
}
.home-page-web a{
    display:flex;
    justify-content:flex-end;
}
.home-page-web div:nth-child(odd){
   direction:ltr !important;
   text-align:right;
}
.home-page-web div:nth-child(odd) a{
 justify-content:flex-start;
}
.digitalsection .home-page-web> div{
direction: rtl !important;
}
.digitalsection .home-page-web a{
    justify-content: flex-end !important;
}
@media(max-width:768px){
    .home-page-web>div{
        grid-template-columns:1fr;
    }
    .home-page-web img{
        width:100%;
    }
}
.banner-web{
    width:90%;
    margin:auto auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    justify-content:center;
    text-align:center;
    direction:rtl;
}

.banner-web img{
    width:85%;
}
@media(max-width:768px){
    .banner-web{
        width:100%;
        margin:auto auto;
       grid-template-columns:1fr;
       text-align:center;
   
    }
    .banner-web img{
        width:100%;
    }
}
.domainsection {
    width:100%;
    margin:50px auto;
    padding:140px 0;
    background-color:#f4f4f4;
}
.domainsection p{
    text-align:center;
    font-family:IransansDSBold;
    font-weight:400;
    font-size:18px;
    color:#330e94;
}
.domain-form {
    height: 50px;
    width: 50%;
    border: 1px solid #330e9442;
    margin: auto auto;
    border-radius: 5px;
    text-align:center;
    line-height:50px;
    font-size:12px;
    font-weight:700;

}
.domain-form form{
    display:grid;
    grid-template-columns:1fr 4fr 1fr 1fr; 
    justify-items:center;
    background-color:#fff;
    border-radius:5px;
}
.domain-form>span{
    font-family:Iransans;
    font-size:14px;
}
    .domain-form input[type=text] {
        width: 100%;
        text-align: center;
        font-family: Iransans;
        border:none;

    }
    .domain-form input[type=text]:focus {
        outline:none;
    }
.domain-form select{
    width:80%;
    margin:0 auto;
    background-color:transparent;
    border:none;
    text-align:center;
    border-left:1px solid #f2f2f2;
    font-family:Iransans;

}
.domain-form select:nth-child(2n+1){
    font-family:Iransans;
    text-align:center;
}
.domain-form button{
    background-color:#330e94;
    border:none;
    height:46px;
    width:46px;
    border-radius:23px;
    line-height:23px;
    margin:auto auto;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    box-shadow:0 0 5px #f2f2f2;    
}
.domain-form button:hover{
    background-color:#56a219;
}
.domainsection b,.domainsection p span{
    font-size:14px;
    color:#3e3e3e;
    font-family:IransansDS_FaNumeral;
}
.domainsection b{
    direction:ltr;
}
.domainsection p span{
    direction:rtl;
}
.domainsection p > span {
    margin: 0 20px;
}
    @media(max-width:768px) {
        .domain-form {
            width: 95%;
        }

            .domain-form form {
                grid-template-columns: 1fr 3fr 2fr 1fr;
            }
    }

.hostsection{
    margin:50px 0;
    padding:50px 5%;
}
.hostplans{
    display:grid;
    grid-template-columns:repeat(3,1fr);
  text-align:center;
 
}
.hostsection p{
    text-align:center;
}
.hostplans > div {
    width: 95%;
    margin: auto auto;
    box-shadow: 0 0 5px #56a219;
    background-color:#fff;
    border-radius:3px;

}
.hostplans div>span{
    font-family:IransansBold;
    font-size:16px;
    display:block;
    text-align:center;
    padding:10px;
    direction:rtl;
    color:#3e3e3e;
    background-color:#f4f4f4;
}
.hostplans ul{
    margin:0;
    padding:0;
}
.hostplans li {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    direction: rtl;
    font-family: Iransans;
    justify-items: center;
    line-height: 35px;
    border-bottom: 1px solid #e1e1e1;
}
    .hostplans li:first-child {
        border-top: 1px solid #e1e1e1;
    }
.hostplans li span:first-child{
    color:#555;
}
.hostplans li span:last-child{
    color:#330e94;
}
.hostplans a{
    display:inline-flex;
    line-height:25px;
    padding:5px 10px;
    margin:5px auto;
    border:1px solid #56a219;
    border-radius:3px;

}
.hostplans a:hover{
    color:#fff;
    background-color:#56a219;
}
.digitalsection{
    width:90%;
    margin:auto auto;
    margin-top:80px;
}
.digitalhomepage{
    display:grid;
    grid-template-columns:1fr 1fr;

}
@media(max-width:768px){
    .section-titr h2::after, .section-titr h2::before{
        width:50%;
    }
    .domainsection p > span{
        margin:auto auto;
    }
    .domain-form button{
        height:35px;
        width:35px;
        line-height:18px;
        font-size:16px;

    }
    .hostplans {
        grid-template-columns: 1fr;
    }
    .hostplans div{
        margin-top:80px;
    }
    .hostplans div:first-child{
        margin-top:10px;
    }
}


.main-blog {
    width:90% !important;
    min-height:400px;
    margin:50px auto;
}
.blog-items{
    height:450px;
    display:grid;
    grid-template-columns:1fr;
    direction:rtl;
    border:1px  solid #f2f2f2;
    padding:5px;
    border-radius:5px;

}
.blog-items img{
    height:300px;
    width:auto;
    margin:auto;
}
.blog-items h3{
    padding:5px 10px;
    font-family:Iransans;
    line-height:25px;
    font-weight:500;
    font-size:14px;
}
.blog-items div{
    display:flex;
    justify-content:space-between;
    height:40px;
    width:100%;
}
.blog-items a{
    padding:0px 15px;
    border:1px solid #330e94;
    border-radius:3px;
    line-height:40px;
}
.blog-items a:hover{
    color:#fff;
    background-color:#330e94;
}
.blog-items span{
    font-family:IransansDS_FaNumeral;
    font-size:12px;
    color:#808080;
    line-height:40px;
}


.webpage{
    width:90%;
    margin:auto auto;
    padding:10px 0;
    direction:rtl;
}
.webpage h1{
    text-align:center;
    font-family:IransansBold;
    font-weight:400;
    font-size:18px;
}
.webpage p{
    text-align:center;
    font-family:IRANSansDNFaNum;
    line-height:25px;
}

.category-list{
    width:90%;
    margin:auto auto;
    display:grid;
    grid-template-columns:auto auto auto auto auto;
    direction:rtl;
    grid-gap:5px;
   
}
.category-list a {
        color: #555;
        font-size: 10px;
        border: 1px solid #e5e5e5;
        border-radius:5px;
        text-align: center;
        padding: 2px;
        display:flex;
        justify-content:center;       
    }
.category-list a.active{
    border:2px dashed #bfbfbf;
    position:relative;
}
.category-list a.active:before{
    content:"\f0a6";
    font-family:FontAwesome;
    position:absolute;
    bottom:0;
    left:10px;
    font-size:20px;
}
.category-list img{
    max-height:80px;
}
@media(max-width:992px){
   .category-list{
       grid-template-columns:auto auto auto;
   }
}
@media(max-width:768px){
   .category-list{
       grid-template-columns:auto auto;
   }
}

.websitesection {
    width: 90%;
    margin: auto auto;
    min-height: 100px;
}
.webitems{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    text-align:center;
    font-family:Iransans;
    margin:30px 0;

}
.websitesection :nth-child(even){
     direction:rtl;
     text-align:right;
 }
.webitems div:last-child{

    border-radius:5px;
    padding:2px;
    position:relative;
}
    .webitems div:last-child::before {
        content: "";
        width: 20%;
        height: 20%;
        border-right: 2px solid #ebebeb;
        border-bottom: 2px solid #ebebeb;
        border-bottom-right-radius: 5px;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: width 500ms,height 500ms;
    }

    .webitems div:last-child::after {
        content: "";
        width: 20%;
        height: 20%;
        border-left: 2px solid #ebebeb;
        border-top: 2px solid #ebebeb;
        border-top-left-radius: 5px;
        position: absolute;
        top: 0;
        left: 0;
        transition: width 500ms,height 500ms;
    }

    .webitems div:last-child:hover::before, .webitems div:last-child:hover::after {
        width: 60%;
        height: 60%;
    }
.webitems-img{
    text-align:center !important;
}
.webitems img{
    width:90%;
    margin:auto auto;
}
.webitems h2{
    font-family:IransansDSBold;
    font-weight:400;
    text-align:right;
    font-size:16px;
}
.webitems p{
    line-height:30px;
    font-size:13px;
    padding:3px;
}
.webitems a{
    float:left;
   margin-left:5px;
    display:flex;
    justify-content:center;
    width:110px;
    line-height:40px;
    border:1px solid #ebebeb;
    border-radius:3px;
    z-index:10;
}
.webitems a:hover{
    color:#fff;
    background-color:#56a219;
}
.webportfilo{
    width:90%;
    min-height:100px;
    margin:50px auto;
}
.webportfilo .portfilo{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    direction:rtl;
    text-align:center;
    padding:5px;
}
.webportfilo .portfilo h3{
    font-size:14px;
    font-family:Iransans;
    font-weight:400;
}
.webportfilo .portfilo>div:hover{
    box-shadow:0 0 5px #56a219;
    border-radius:5px;
    cursor:pointer;
}
.portfilo-img{
    height:200px;
    width:200px;
    margin:auto auto;
}
.portfilo-img img{
max-height:100%;
max-width:100%;
    object-fit:cover;

}
@media(max-width:768px){
    .webitems{
        grid-template-columns:1fr;
    }
        .webitems h2{
            text-align:center;
        }
        .webitems .webitems-img {
            margin-top: 10px;
        }
    .webportfilo .portfilo{
        grid-template-columns:1fr;
    }
    .webportfilo .portfilo>div{
        margin-top:10px;
    }
}

/* Website Details */
.webdetails{
    direction:rtl;
    width:95%;
    margin:30px auto;
}
.webdetails-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    text-align:center;
    padding:20px 0;
    border:2px dashed #efefef;
    border-radius:5px;
}
.webdetails-top img{
    max-width:90%;
}
    .webdetails-top .shortdescription{
        padding:30px 4px;
        line-height:30px;
    }
    .webdetails-top h1{
        font-size:16px;
    }
.tags{
    width:100%;
    margin:10px auto;
    text-align:right;
}
    .tags a {
        display: inline-flex;
        font-family: Iransans;
        background-color: #8b7ab9;
        color: #fff;
        padding: 0px 20px;
        border-radius: 2px;
        margin: 1px;
    }
        .tags a:hover {
            background-color: #a89dc7;
        }
@media(max-width:768px){
    .webdetails-top{
        grid-template-columns:1fr;
    }
}
    /*.digitalpage{
    width:90%;
    min-height:300px;
    margin:0 auto;
    text-align:center;
    font-family:Iransans;
    background-color:#56a219;
    color:#fff;
    position:relative;
    overflow:hidden;
}
    .digitalpage::after {
        background-color: #fff;
        position: absolute;
        content: "";
        left: 5%;
        right: 5%;
        bottom: -140px;
        height: 200px;
        border-radius: 50% 50% 0 0;
    }*/
    .digitalpage {
        width: 90%;
        margin: 50px auto;
        font-family: Iransans;
    }
.digitalpage h1{
    font-family:Iransans;
    font-weight:600;
    font-size:16px;
    text-align:center;
}
.digitalpage p{
    line-height:25px;
    direction:rtl; 
}
.digital-items{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    width:90%;
    margin:0 auto 50px auto;
    direction:rtl; 
    grid-gap:1px;
}
.digital-items a{
    padding:5px;
    text-align:center;
    border:1px solid #d3d3d3;
    transition:transform all 600ms;
    overflow:hidden;
}

    .digital-items a:hover img{
        transform:scale(1.1);
        transition: transform all 600ms;
    }
.digital-items img{
    width:250px;
    height:250px;
    object-fit:cover;
}
.digital-items h2{
    font-family:Iransans;
    font-size:16px;
    text-align:center;
    font-weight:normal;
    color:#3e3e3e;
}
.digital-items h3{
    font-size:12px;
    color:#808080;
    font-family:Tahoma;
}
.digitalbanners{
    background:url('../image/DigitalMarketing/back.webp') no-repeat, center center;
    padding:210px 5%;
    text-align:center;

}
.digitalbanners p{
    text-align:center;
}
.digital-def{
    width:90%;
    margin:50px auto;
    padding:50px 0;
    text-align:right;
    font-family:Iransans;
}
.digital-def-items{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:5px;
    direction:rtl;
}
.digital-def-items div{
    border:1px solid #e1e1e1;
    padding:5px;
}
.digital-def-items div:hover{
    color:#fff;
    background-color:#56a219;
    cursor:pointer;
    transform:scale(1.01);
    transition:all 0.5s;
}
.digital-def-items h3{
    font-family:SamimBold;
    font-weight:500;
}
.digital-def-items p{
    text-align:justify;
}
@media(max-width:992px){
    .digital-items{
        width:95%;
        margin:auto auto;
    }
    .digital-items{
        grid-column-gap:0;
        grid-column-end:span;
       grid-template-columns:repeat(2,1fr);
    }
        .digital-items img {
            width: 280px;
            height: 280px;
        }
}
@media(max-width:768px){
   .digital-def-items{
       grid-template-columns:repeat(2,1fr);
   }
   .digitalbanners{
       background:url('../image/DigitalMarketing/backxs.webp') no-repeat,center center;
       background-position-x:center;
       background-position-y:center;
       padding-bottom:500px;
   }
}
@media(max-width:576px) {
    .digital-items {
        grid-template-columns: 1fr;
    }
   .digital-def-items{
       grid-template-columns:1fr;
   }
}

/* Digital Details*/

.digital-details{
    width:90%;
    margin:auto auto;
    text-align:right;
    direction:rtl;
    grid-gap:5px;
    
    border-radius:3px;
}
.shortdigital {
    margin:30px auto;
    display: grid;
    grid-template-columns: 1fr 2fr;
    border: 1px dashed #e1e1e1;
}
    .shortdigital h1{
        font-size:16px;
    }
    .shortdigital .item-shortlink {
        width: 80%;
        margin: 10px auto;
    }
.shortdigital div:first-child{
    text-align:center;
    padding:2px;
}
.shortdigital img{
    max-width:100%;
}
@media(max-width:768px){
    .digital-details{
        width:96%;
    }
    .shortdigital{
        grid-template-columns:1fr;
    }
    .shortdigital .item-shortlink{
        width:100%;
    }
}


/*Blog*/

.blogpage {
    width: 90%;
    margin:30px auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px;
    direction: rtl;
}

.blog-item {
    height: 320px;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
}

.div-pic {
    text-align: center;
    width: 100%;
    height: 320px;
    position: relative;
}

    .div-pic img {
        border-radius: 10px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.div-text {
    font-family: "IranSansFa";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25%;
    background-color: rgba(0,0,0,0.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    bottom: 0;
    left: 0;
    top: unset;
    right: 0;
    transition: height 800ms,top 800ms;
    overflow: hidden;
}

    .div-text h2 {
        font-size: 14px;
        margin: 10px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        top: 30%;
        transform: translate(0,-50%);
    }

        .div-text h2:hover {
            cursor: pointer;
            color: #00b5f6;
        }

    .div-text p {
        margin: 10px;
        color: #fff;
        position: absolute;
        top: 100%;
        font-size: 14px;
        line-height: 28px;
        height: 90px;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.btn-proc {
    display: flex;
    justify-content: center;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 110%;
    width: 100%;
}

    .btn-proc a {
        border: 1px solid #fff;
        color: #fff;
        margin: auto auto;
        padding: 0 20px;
        border-radius: 8px;
    }

        .btn-proc a:hover {
            background-color: #333;
        }

.div-infomation {
    top: 0;
    height: 40px;
    width: 100%;
    padding-top: 10px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    justify-content: space-between;
    font-family: "IransansFa";
    font-size: 12px;
    position: absolute;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    justify-items: center;
    background-color: rgba(0,0,0,0.1);
}

.div-view {
    color: #fff;
    font-family:IRANSansDNFaNum;
}

.div-type {
    color: #fff;
    font-family: IRANSansDNFaNum;
}


.blog-item:hover .div-text {
    height: 100%;
    border-radius: 10px;
}

.blog-item:hover p {
    top: 40%;
}

.blog-item:hover .btn-proc {
    top: 80%;
} 
.bloghead{
    width:90%;
    margin:auto auto;
    text-align:center;
    border-bottom:1px dashed #e1e1e1;
}
.bloghead h1{
    font-size:16px;
    font-family:IransansBold;
    font-weight:normal;
}
.blogdetails{
    width:90%;
    margin:20px auto;
    direction:rtl;
  
}
.blogdetails-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 5px;
    border: 1px dashed #e1e1e1;
    border-radius: 3px;
}
    .blogdetails-top h2 {
        font-size: 16px;
        font-family: Iransans;
        font-weight: normal;
    }
.blogdetails-top h3{
    text-align:left;
    font-size:14px;
    color:#808080;
    margin:0;
}
.blog-img{
    text-align:center;
}
.blog-img img{
    width:90%;
    border-radius:5px;
}
.blogdetails-top .item-shortlink{
    width:80%;
    margin:30px auto;
}
.blogdetails-subject{
    display:grid;
    grid-template-columns:1fr 1fr;
}
.blogdetails-subject p{
   margin:0;
   font-family:Iransans;
}
.blogdetails-short {
    position: relative;
}
    .blogdetails-short h1{
        font-size:16px;
    }
    .blogdetails-short .regdate {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: left;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
.blogdetails-short .regdate span:first-child{
    text-align:right;
}
.relatedblog {
    border-top: 1px dashed #e1e1e1;
    margin: 30px auto;
    padding: 10px 0;
}
.relatedblog-items {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 10px;
   
}
.relatedblog a{
    display:grid;
    grid-template-columns:1fr 3fr;
    border:1px solid #e1e1e1;
    padding:2px;
    border-radius:3px;
    column-gap:3px;
}
.relatedblog a img{
    height:70px;
}
.relatedblog h2{
    font-size:12px;
        text-align: center;
    line-height: 25px;

}
@media(max-width:924px) {
    .blogpage{
       grid-template-columns:repeat(2,1fr);
   }
    .relatedblog-items{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:768px){
    .blogpage{
       width:96%;
       grid-template-columns:1fr;
       row-gap:10px;
    }
    .blogdetails{
        width:96%;
    }
    .blogdetails-top{
        grid-template-columns:1fr;
    }
    .blogdetails-short h2{
        text-align:center;
    }
    .blogdetails-subject{
        grid-template-columns:1fr;
    }
        .blogdetails-top .item-shortlink{
            width:90%;
        }
        .relatedblog-items{
            grid-template-columns:1fr;
        }
}
/* Tag*/
.tag{
    margin:50px auto;
    width:90%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-gap:10px;
    direction:rtl;
}
.tag .tag-item{
    display:grid;
    grid-template-columns:2fr 3fr 1fr;
    direction:rtl;
    border:1px solid #e1e1e1;
    border-radius:5px;
    padding:5px;
    
}
.tag-item img{
    max-width:100%;
    max-height:70px;
}
.tag-item h2{
    font-size:12px;
    line-height:70px;
    margin:0;
    font-weight:normal;
    font-family:IransansDSBold;
}
.tag-item a{
    line-height:70px;
    display:flex;
}
.tag-item a:last-child{
    justify-content:left;
}
@media(max-width:768px){
    .tag{
        grid-template-columns:1fr;
    }
}
@media(max-width:568px){
    .tag{
        grid-template-columns:1fr;
    }
   .tag .tag-item{
        grid-template-columns:1fr;
    }
    .tag-item img{
        max-height:100%;
    }
    .tag-item h2{
        text-align:center;
        line-height:35px;
        margin:10px auto;
    }
    .tag-item a{
        justify-content:left;
        line-height:35px;
    }
}
/* Personnel */
.personnel{
    width:90%;
    margin:50px auto;
    min-height:300px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-gap:20px;
    direction:rtl;
}
    .personnel div {
        height: 200px;
        text-align: center;
        border: 1px solid #e1e1e1;
        border-radius: 10px;
        padding: 2px;
        box-shadow: 0 0 5px 0px #e2e2e2;
        margin: 5px;
    }
    .personnel div a {
        display: flex;
        justify-content: center;
        line-height: 100px;
        font-family: IransansDS_FaNumeralBold;
        font-size: 15px;
        position: relative;
        padding-top: 100px;
        color:#555;
    }
    .personnel a.workreport-btn::before {
        content: "\f1ea";
        font-family: FontAwesome;
        position: absolute;
        font-size:90px;
        line-height:90px;
        top:5px;
    }
    .personnel a.new-btn::before {
        content: "\f067";
        font-family: FontAwesome;
        position: absolute;
        color:#e1e1e1;
        font-size: 50px;
        line-height: 90px;
        top: 5px;
    }
    .work-report {
        width: 90%;
        margin: 50px auto;
        min-height: 200px;
    }
.work-report .top-form{
    border:1px solid #f2f2f2f2;
    padding:20px 5px;
    direction:rtl;
    text-align:right;
}
.top-form a{
    display:inline-flex;
    background-color:#330e94;
    color:#fff;
    justify-content:center;
    line-height:35px;
    padding :0px 10px;
    float:left;
    margin-left:3px;
}
.work-report .top-form form{
    display:grid;
    grid-template-columns:4fr 4fr 1fr;
    grid-column-gap:10px;
}
.work-report .top-form form div{
    text-align:right;
}
.work-report .top-form input[type=submit]{
   background-color:#330e94;
   color:#fff;
   font-family:IransansDSBold;
   outline:none;
   border:none;
   cursor:pointer;
}
.form-table{
    border:1px solid #f2f2f2;
    margin:20px auto;
    text-align:right;
    direction:rtl;
}
.form-table table{
    width:100%;
    text-align:center;
    font-family:IRANSansDNFaNum;
    border-spacing:0;
}
.form-table p{
    text-align:center;
}
.form-table thead tr{
    background-color:#e1e1e1;
}
.form-table tr{
    text-align:center;
    font-family:IransansDS;
    line-height:35px;
}
.form-table table th{
    text-align:center;
    line-height:35px;
}
.reportform{
    width:95%;
    margin:50px auto;
    direction:rtl;
    text-align:right;   
}
.reportform form{
    display:grid;
    grid-template-columns:1fr;
    width:60%;
    margin:auto auto;
}
.reportform fieldset{
    border:none;
}
.reportform label,.reportform input[type=text],span.text-danger{
    display:block;
    width:100%;
    text-align:right;
    font-family:IRANSansDNFaNum;
    border:none;
    outline:none;
    line-height:30px;
}
.reportform textarea{
    width:100%;
    min-height:150px;
    border:none;
    outline:none;
    border:1px solid #e1e1e1;
}
 .reportform .persian-date-picker{
     display:grid;
     grid-template-columns:1fr 1fr 1fr 3fr;
 }
.top-form table {
    width: 100%;
    text-align: center;
    font-family: IRANSansDNFaNum;
    border-spacing: 0;
    border: 1px solid #000;
}
    .top-form table tr {
        height: 35px;
        border-bottom: 1px solid #000;
    }
    .top-form table tr:last-child{
        border-bottom:none;
    }
.top-form thead {
    background-color: #f2f2f2;
   

}
.form-modal{
    width:100%;
    height:100vh;
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.form-modal-body{
    width:50%;
    margin:80px auto;
    min-height:150px;
    background-color:#fff;
    border-radius:5px;
    padding:5px;
    text-align:right;
    direction:rtl;
    font-family:IRANSansDNFaNum;
}
.form-modal-body h4{
    font-size:14px;
    font-weight:normal;
}
.form-modal-details{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    text-align:center;
    column-gap:3px;
}
.form-modal-details p{
    text-align:center;
}
.form-modal p{
    border:1px solid #f2f2f2;
    padding:10px 5px;
}
.form-modal-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    left: 25%;
    top: 84px;
    font-size: 24px;
    cursor: pointer;
}
.form-modal-show{
    display:block;
}
.form-modal-hide{
    display:none;
}
.form-modal .reportform{
    background-color:#fff;
    width:50%;
    margin:80px auto;
    border-radius:5px;
    padding:5px;
}
.reportform input[type=submit]{
    border:none;
    outline:none;
    padding:5px 10px;
    display:inline-flex;
    justify-content:center;
    width:80px !important;
    cursor:pointer;
    color:#fff;
    background-color:#330e94;
    float:left;
}
.reportform form{
    padding:30px 5px;
}
.form-modal .reportform{
    padding:0;
    margin:0;
    width:100%;
}
.form-modal form{
    margin:0;
    padding:0px;
    width:100%;
}
.form-modal textarea{
    min-height:80px;
}
.form-modal .text-danger{
    font-size:11px;
}
.form-modal .form-control{
    border:1px solid #f2f2f2 !important;
    width:80% !important;
}
.form-modal input[type=text]{
    line-height:25px;
}
.form-modal fieldset{
    margin:0;
    padding:2px;
}
.form-modal label{
    font-size:13px;
}
.workpreview{
    border-spacing:0;
}
.workpreview p{
    text-align:right;
}
.workpreview table{
    border-spacing:0;
    border:none;
}
.workpreview thead tr{
    background-color:#fff;
}
    .workpreview .detailstable {
        border: 1px solid #000;
    }
    .workpreview .detailstable> thead:first-child tr{
        background-color:#f2f2f2;
    }
    .workpreview .detailstable tbody thead th{
        border:1px solid #555;
    }
    .workpreview .detailstable  table tbody tr:first-child{
        background-color:#f2f2f2;
    }


/* About & Contact Page */
.about,.contact{
    width:90%;
    margin:40px auto;
}
.contact-top{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-gap:10px;
    direction:rtl;  
}
.contact-top form{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    width:94%;
    grid-gap:10px;
}
    .contact-top .contact-request {
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .contact-top .contact-submit {
        grid-column-start: 2;
        grid-column-end: 3;
        text-align:left;
    }
.contact-top input[type=text]{
    width:100%;
    border:none;
    outline:none;
    line-height:35px;
    height:35px;
    border:1px solid #ebebeb;
    font-family:Iransans;
    font-family:12px;
    padding:1px 5px;
}
    .contact-top textarea {
        width: 100%;
        height: 150px;
        border: none;
        outline: none;
        border: 1px solid #ebebeb;
        display: block;
        font-family: Iransans;
        font-family: 12px;
        padding: 1px 5px;
    }
    .contact-top input[type=submit]{
        border:none;
        outline:none;
        padding:10px 30px;
        border-radius:5px;
        background-color:#56a219;
        color:#fff;
        font-family:IransansBold;
    }
    @media(max-width:768px){
        .contact-top{
            grid-template-columns:1fr;
        }
        .contact-top form{
            grid-template-columns:1fr;
        }
    }
/*  Footer*/

/* #region Proposal*/
.proposal {
    direction: rtl;
    width: 94%;
    margin: 50px auto;
    font-family: Iransans;
}
    .proposal .short, .proposal .description {
        margin: 10px auto;
        padding: 5px;
        border: 1px solid #e2e2e2;
        border-radius: 5px;
    }
    .proposal img {
        max-width: 80%;
        margin: 10px auto;
    }


.proposal-items div {
    margin: 10px auto;
}
.proposal-items h2{
    font-size:16px;
    margin:40px 5px;
    text-align:center;
    color:#fff;
    background-color:#56a219;
    padding:15px 2px;

}
.proposal-items h2:before{
    font-family:"FontAwesome";
    content:"\f100";
    margin:auto 10px;
    color:#fff;
}
.proposal-items h2:after{
    font-family:"FontAwesome";
    content:"\f101";
    margin:auto 10px;
    color:#fff;
}
.proposal-items ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 2fr 5fr 1fr;
    text-align: center;
    border: 1px solid #acacac;
}

.proposal-items li.proposal-value {
    grid-column: 1/4;
    border-top: 1px solid #acacac;
}

.proposal-items li {
    display: block;
}

    .proposal-items li > label {
        background-color: #acacac;
        display: flex;
        justify-content: center;
        line-height: 35px;
        font-family:IransansBold;
        color:#fff;
    }

    .proposal-items li h3 {
        text-align: right;
        padding: 3px;
        font-size:14px;
    }

    .proposal-items li:not(.proposal-value) p {
        padding: 3px;
        text-align:center;
    }
    .proposal-value h3::before{
        font-family:"FontAwesome";
        content:"\f16b";
        margin-left:5px;
        color:#ede80b;
        font-size:16px;
    }
    .proposal-value p{
        padding:5px;
    }
@media(max-width:768px){
    .proposal{
        margin:20px auto;
    }
    .proposal-items ul{
        grid-template-columns:3fr 2fr;
    }
    .proposal-item-title{
        order:1;
    }
    .proposal-item-status{
        order:2;
    }
   .proposal-item-description{
        grid-column:1/4;
        order:3;
    }
   .proposal-value{
       order:4;
   }
   .proposal-item-description p{
       text-align:justify !important;
   }
   .proposal-value p{
       text-align:justify;
   }
}
/* #endregion*/

.footer {
    direction: rtl;
    min-height: 200px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    margin-top: 30px;
}
.footer h4{
    padding:0px 10px;
}
.footer p{
    font-family:IransansLight;
    padding:5px;
    text-align:justify;
    line-height:25px;
}
.footernav{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    padding:0 10px;
}
    .footernav li {
        margin-top: 2px;
        padding: 3px 10px;
    }
.footernav .title{
    grid-column-start:span 3;
}
.footernav h4{
    text-align:center;
}
.footernav a{
    color:#000;
    display:flex;
    justify-content:center;
}
.footernav a:hover{
    color:#330e94;
}
.footer div:last-child p{
    text-align:center;
}
.footercall{
    display:flex;
   justify-content:space-around;
}
.footercall a{
    color:#000;
}
.footercall a:hover{
    color:#330e94;
}
.footercall span{
    font-size:20px;
}
.footercall .fa-phone-square{
    transform:rotate(-90deg);
}
.footer .sotial{
    padding:0;
    margin:0;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    width:80%;
    margin:20px auto;
    direction:rtl;
}
.footer .sotial a{
    display:flex;
    justify-content:center;
    font-size:30px;
    color:#56a219;
    margin:auto 5px;
}
.footer .sotial a:hover{
    color:#330e94;
    transform:rotate(360deg);
    transition:transform .5s;
}
.footerbanner {
    padding:50px 0;
    background-color: #3e3e3e;
    color:#fff;
    text-align:center;
    direction:rtl;
    line-height:85px;
}
    .footerbanner a {
        padding: 5px 10px;
        background-color: #56a219;
        color: #fff;
        border-radius: 5px;
    }
    .footerbanner p{
        text-align: center;
    }
    .footerbanner a:hover{
        color:#330e94;
    }
.footerhonor{
    width:40%;
    margin:auto auto;
    background-color:#fff;
    border-bottom:2px solid #808080;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    justify-items:center;
    padding:10px 0;
    margin-top:30px;
   
}
.footerhonor a{
    line-height:120px;
    height:120px;
    padding:2px;
    display:flex;
    justify-content:center;
    
}
.footerhonor img{
    height:100%;
    width:100%;
    object-fit:fill;
   
}
.copy-right {
    text-align: center;
    font-family: Iransans;
    font-size:12px;
    direction:rtl;
}
.copy-right p{
    text-align:center;
}

    @media(max-width:1060px) {
        .footerhonor{
       width:57%;
   }
}
@media(max-width:768px){
   .footerhonor{
       width:97%;
   }
   .footer{
       grid-template-columns:1fr;
   }
   .footerbanner{
       line-height:40px;
   }
   .footer p{
       padding:5px 10px;
       
   }
   .footernav{
       grid-template-columns:repeat(2,1fr);
   }
   .footernav .title{
       grid-column-start:span 2;
   }
   .copy-right p{
       padding:0 5px;
       text-align:center !important;
   }
   .footernav li{
       padding:3px 0 !important;
   }
}