@import "../fonts/icomoon/style.css";

@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Regular/Lato-Regular.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Lato-Regular/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular/Lato-Regular.otf") format("opentype"), url("../fonts/Lato-Regular/Lato-Regular.svg") format("svg"), url("../fonts/Lato-Regular/Lato-Regular.ttf") format("truetype"), url("../fonts/Lato-Regular/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular/Lato-Regular.woff2") format("woff2");
    /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Mada";
    src: url("../fonts/Mada/Mada-Regular.ttf");
     src: url('../fonts/Mada/Mada-Regular.woff2') format('woff2'),
    url('../fonts/Mada/Mada-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;


}

@font-face {
    font-family: 'Vazirmatn';
    src: url('../fonts/Vazirmatn-Regular.eot');
    src: url('../fonts/Vazirmatn-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Vazirmatn-Regular.woff2') format('woff2'),
    url('../fonts/Vazirmatn-Regular.woff') format('woff'),
    url('../fonts/Vazirmatn-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
    font-size: 16px;

    direction: rtl;
}


body {
    background: #fff;
    font-family: 'Vazirmatn', "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    line-height: 1.5;
    font-size: 0.94rem;
    color: #5c5c5c;
    overflow-x: hidden;
    box-sizing: border-box;
    text-align: right;
    padding: 0;
    margin: 0;

}

/*body *{transition: 0.5s ease-in}*/

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.menu-main-menu-container {
    direction: rtl
}

#content {
    direction: rtl;
}

a {
    color: #113274;
}

table a {
    color: #113274;
    text-decoration: underline;
}

p {
    margin-bottom: 8px;
    color: #494949
}

h1, h2, h3, h4, h5, h6 {

    font-weight: bold;
    font-family: 'Vazirmatn', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
    color: #113274;

}
.h5, h5 {
    font-size: 1.1rem;
}
h1 {
    font: bolder 3rem/1.5 'mada', 'Vazirmatn', sans-serif;
    margin-top: 0;
}

h2 {
    font: bolder 2rem/1.25 'mada', 'Vazirmatn', sans-serif;
    margin-top: 0;
}

h3 {
    font: bolder 1.5rem/1.25 'mada', 'Vazirmatn', sans-serif;
    margin-top: 0;
}


.text-blue {
    color: #0c2d62 !important
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.dispaly-none {
    display: none;
}

.servicess-sections {
    margin:30px auto 50px
}
 .actions-page-image-box{position:relative}
.experience-no {
    position: absolute;
    background: #0c2d62;
    border-radius: 10px;
    padding: 10px 12px;
    color: #fff;
    display: table;
    top: 25px;
    z-index: 10 ;
    box-shadow: 2px 2px 10px rgba(1, 1, 1, 0.35);
}

.experience-right {
    right: -10px
}

.experience-left {
    left: -10px
}


.experience-no span {
    font-size: 40px;
    padding: 10px 15px;
    color: #fff;
}
@media (max-width:768px){.experience-right {
    right: -15px
}

    .experience-left {
        left: -15px
    }}

.mainlist-style {
}

.mainlist-style li {
    list-style-image: url("../images/about-img1.png");
    margin-bottom: 0.4rem;
}

.projects-items {
    margin: 10px auto;

    position: relative
}

.img-style1 img {
    border-radius: 13px;
    box-shadow: 2px 2px 10px rgba(1, 1, 1, 0.35);
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.img-style2 img {
    border-radius: 13px;

    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.projects-items h4 {
    font-size: 1.7rem;
    font-family: 'mada';
    font-weight: bold;
    color: #0c2d62
}

.projects-items-text {
    border: 1px solid #ccc;
    padding: 15px 30px;
    border-radius: 10px;
}

.projects-items-text ul {
    width: 100%;
}


.project-items .img-style1 {
    z-index: 1;
    position: relative
}

.project-items-left .projects-items-text {

    height: 92%;
    display: flex;
    align-items: center;
    /* align-self: center; */
    min-height: 250px;

    justify-content: right;

}

.project-items-right .projects-items-text {

    height: 92%;
    display: flex;

    align-items: center;
    min-height: 260px;
    justify-content: right;
}

.project-items-left .projext-block-text {


}

.project-items-right .projext-block-text h4 {

}

@media (min-width: 1200px) {
    .project-items-left .projects-items-text {
        padding-left: 13%;
        position: absolute;
        right: 0;
        height: 92%;
        display: flex;
        align-items: center;
        /* align-self: center; */
        width: 60%;
        bottom: -35px;
        justify-content: right;
        z-index: -1
    }

    .project-items-right .projects-items-text {
        padding-right: 8%;
        position: absolute;
        left: 0;
        height: 92%;
        display: flex;
        z-index: -1;
        align-items: center;
        /* align-self: center; */
        width: 64%;
        bottom: -35px;
        justify-content: right;
    }

    .project-items-left .projext-block-text {


    }

    .project-items-right .projext-block-text h4 {
        position: relative;
        left: 12%;
    }
}

@media (max-width: 768px) {
    .project-items .projects-items-text {
        min-height: auto
    }

    .project-items .img-style1 {
        width: 100%;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    .project-items .img-style1 img {
        max-width: 100%;
        width: 100%;
    }
 .custom-block-spacer{height:50px !important}

}
.mainpage-title {
    color: #fff;
    min-width: 370px;
    border-bottom: 1px solid #fff;
    position: relative;
    margin: 0 auto;
    display: table;
    padding-bottom: 10px;
    font-family: 'Vazirmatn', sans-serif; font-weight:bolder;font-size:3.2rem
}

.mainpage-title:after {
    height: 2px;
    width: 20%;
    background: #f2be00;
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    right: 40%
}


.experience-year-box {
    border-radius: 18px;
    box-shadow: 2px 2px 10px rgba(1, 1, 1, 0.35);
    max-width: 250px;
    left: 10px;
    position: relative;
}

.read-more-button {
    border-radius: 15px;
}

.read-more-button a {
    width: 100%;
    padding: 10px 20px
}

.read-more-button a::after {
    font-family: 'icomoon';
    content: "\f3ea";
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    transition: ease 0.3s
}

.read-more-button a:hover::after {
    padding-right: 3px;
}

.read-more-button a:hover {
    color: #fff !important
}


.wp-block-video,
.wp-block-video {
    position: relative;
    cursor: pointer;
    border-radius: 18px;
    overflow: hidden;
}

.wp-block-video::after,
.mainpage-video::after {
    content: "▶";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 25px;
    background: #f2be00;
    color: #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.wp-block-video.playing::after,
.mainpage-video.playing::after {
    display: none;
}

.social-menu {
}

.social-menu ul {
}

.social-menu li {
    position: relative
}

.social-menu li a {
    position: absolute;
    background: transparent;
    border-radius: 50%;
    padding: 8px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.social-menu li:before {
    transform: translate(-50%, -50%);
    border-radius: 50%;
    color: #ffbe14;
    background: #ffefe8;
    padding: 8px;
    position: relative;
    top: 15px;
    right: -15px;
    font-size: 15px;
}

.social-menu li .wp-block-navigation-item__label {
    display: none;
}

.contact-frm {
}

.contact-frm label {
   margin-bottom: 5px;
}

.contact-frm label i {
    color: #ffbe14;
    padding-left: 6px
}

.contact-frm .submit-btn, .contact-frm .wpcf7-submit {
    border: none;
    color: #fff;
    background: #ffbe14;
    padding: 8px 10px;
    width: 100%;
    border-radius: 10px
}
.contact-frm .submit-btn::after, .contact-frm .wpcf7-submit::after {
    font-family: 'icomoon';
    content: "\f3ea";
    display: inline-block;
    vertical-align: bottom;
    padding-right: 10px;
    transition: ease 0.3s
}
.contact-frm .submit-btn:hover::after ,
.contact-frm .wpcf7-submit:hover::after {
    padding-right: 3px;
}
  .wpcf7-spinner{display: none}
  i[class^="icon-"]{color:#ffbe14;padding-left:6px}

  .breadcrumb{text-align: center;color:#fff;display:block;margin-bottom:0}
  .breadcrumb ul li a,
  .breadcrumb-container.theme1 a{text-align: center;color:#c7c7c7;border:none;margin:0 }
  .breadcrumb ul li:last-child a{text-align: center;color:#fff; }
  .breadcrumb ul li:last-child .separator:last-child{display:none }
.breadcrumb-container ul li:first-child a[title="Home"] {
    font-size: 0;

}
.breadcrumb-container ul li:first-child a[title="Home"]::before {
    content: "صفحه اصلی";
    font-size: 14px;
}
 .about-Summary-Achievements{padding:20px;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
   .experience-aboutus-box{left:10px}
        .wp-block-group  p{text-align:justify}
        .about-Summary-Achievements p{text-align:right}