.clearafter:after,.slick-loading .slick-slide,.slick-loading .slick-track {
    visibility: hidden
}

.ui.primary.button,.ui.primary.buttons .button {
    background: var(--Seo-Back-Color)
}

@media (max-width: 576px) {
    .Department .FirstContent::after,.Department .FirstContent::before {
        position:absolute;
        right: -.4rem;
        color: var(--Silver-Secondary-Color);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9.103' viewBox='0 0 15 9.103'%3E%3Cpath id='Path_15' data-name='Path 15' d='M0,7.427c.521.555,1.037,1.11,1.553,1.67,2-2,3.963-4.019,5.947-6.026,2,2,3.963,4.03,5.959,6.031.51-.577,1.026-1.149,1.541-1.715C12.483,4.938,10.006,2.455,7.5,0,5.006,2.483,2.489,4.938,0,7.427Z' fill='%23b4b4b4'/%3E%3C/svg%3E%0A");
        width: 1rem;
        height: 1.2rem;
        background-repeat: no-repeat;
        background-size: contain
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: 1.2rem;
        line-height: 3rem
    }

    .Departments,.our-customers {
        margin: 3rem 0
    }

    .Departments .Description a,.Departments .Description p {
        padding: .5rem .8rem
    }

    .IranSite-Introduce {
        padding: 4.5rem 0
    }

    .IranSite-Introduce .QuestionMiniBox {
        width: 1.6rem;
        height: 1.6rem;
        font-size: 1.3rem
    }

    .IranSite-Introduce div:last-of-type {
        padding: 0 1.2rem
    }

    video {
        width: 100%
    }

    .IranSite-TopSlide em {
        font-size: 2.5em
    }

    .IranSite-TopSlide pre::before {
        content: attr(data-important);
        height: 1.6rem;
        right: 0;
        font-weight: 100;
        top: 3.2rem;
        line-height: 1.2rem;
        animation-name: firstsection3;
        animation-duration: 2s;
        animation-delay: 5s;
        animation-fill-mode: forwards;
        position: absolute;
        color: var(--White-Color);
        padding: .2rem .4rem;
        direction: ltr;
        font-size: .9rem;
        display: block;
        font-family: tahoma;
        letter-spacing: .1rem
    }

    @keyframes firstsection3 {
        0% {
            background-color: red;
            width: 0;
            right: 5rem
        }

        100% {
            background-color: red;
            width: 6rem;
            right: 0
        }
    }

    .IranSite-TopSlide p {
        line-height: 3rem
    }

    .our-customers a {
        flex: 0 0 25%
    }

    .searchPane {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 4rem 0
    }

    .footer .iconlink {
        margin: 4rem 0;
        align-items: center;
        justify-content: center
    }

    .ContactNumbers {
        padding-left: 0
    }

    .Department .FirstContent::before {
        top: -.5rem;
        transform: rotate(0)
    }

    .Department .FirstContent::after {
        bottom: -.5rem;
        transform: rotate(180deg)
    }
}

@media (max-width: 768px) {
    .Department strong {
        flex-direction:column-reverse;
        width: auto
    }
}

@media (max-width: 992px) {
    .Department:before,.crm.Department:before {
        display:block;
        background: var(--Department-Primary-Color);
        width: 100%;
        border-radius: 0
    }

    .Department:after,.Department:before,.crm.Department:before {
        content: "";
        position: absolute;
        right: 0;
        height: 100%;
        z-index: -1
    }

    .Department {
        height: 100%;
        margin-top: 0
    }

    .Department:before {
        opacity: 7%
    }

    .crm .Department {
        color: var(--White-Color)
    }

    .crm.Department:before {
        opacity: 73%
    }

    .Department:after {
        background-image: var(--Department-Logo);
        top: 0;
        width: 25.5rem;
        background-repeat: no-repeat;
        background-position: center center;
        transform: rotate(-15deg);
        offset-rotate: auto;
        margin-right: -8rem;
        opacity: 5%
    }

    .Department .SecondContent,.projects .SecondContent {
        margin: .5rem;
        min-height: 25rem
    }

    .Department strong en {
        width: fit-content;
        align-self: center;
        top: -.8rem
    }

    .ContactsPage {
        gap: .5em;
        margin: 0 .5em
    }

    .FeedBackGrid {
        grid-template-columns: 1fr
    }

    .Feedback_Message {
        grid-column: 1/3;
        grid-row: 4/4
    }

    .Feedback_Field {
        grid-column: 1/3
    }
}

@media (min-width: 1200px) and (max-width:1400px) {
    .ContactsPage {
        gap:.5em;
        margin: 0 .5em
    }

    .IranSite-TopSlide pre,.IranSite-TopSlide pre strong {
        font-size: 1.8rem
    }
}

.Ch1_top,.Hb1_top,.Hb2_top,.Hb3_top {
    min-height: 15px
}

.Bt3_top,.Ch1_top,.Ch2_top,.Ch3_top,.Hb3_top,.IranSiteContainer_noTitle>div {
    position: relative
}

.c_title_Color,.c_title_black,.c_title_white {
    font-size: 20px
}

.c_icon,.c_title {
    float: left
}

.c_content_style {
    display: inline-block;
    width: 100%
}

.clearafter:after {
    clear: both;
    content: ".";
    height: 0;
    font-size: 0;
    display: block
}

.clearafter,.slick-initialized .slick-slide,.slick-slide img {
    display: block
}

span.c_title {
    margin: 0;
    padding: 0;
    line-height: 1.8em;
    font-weight: 700;
    font-size: 16px
}

span.c_title.pink {
    color: #7a0a26
}

span.c_title span {
    vertical-align: middle;
    transition: .5s 0;
    -webkit-transition: .5s 0;
    -moz-transition: .5s 0
}

.c_title_footer {
    font-size: 20px;
    color: #f0f0f0
}

.c_title_black {
    color: #222
}

.c_title_white {
    color: #fff
}

.Bt1_style,.Bt2_style,.Bt3_style,.Bt4_style,.Ch1_style,.Ct1_style,.Ct2_style {
    min-width: 150px;
    margin-bottom: 14px
}

.Bt1_style:hover .c_title_black,.Bt2_style:hover .c_title_black,.Bt3_style:hover .c_title_black,.Bt4_style:hover .c_title_black {
    transition: .5s 0;
    -webkit-transition: .5s 0;
    -moz-transition: .5s 0
}

.Bt1_top {
    margin: 0;
    padding: 5px 3px
}

.Bt1_content,.Bt2_content,.Bt3_content,.Bt4_content,.Ch1_content,.Ch2_content,.Ch3_content,.Ct1_content,.Ct2_content {
    padding: 10px 3px
}

.Bt2_top,.Bt3_style .c_title,.Bt4_top {
    padding: 6px 3px 12px
}

.Bt2_top {
    border-bottom: 4px double #e6e6e6
}

.Bt3_top {
    border-bottom: 1px solid #ddd
}

.Bt3_style .c_title {
    border-bottom: 2px solid;
    margin-bottom: -1px
}

.Bt4_top {
    border-bottom: 1px solid #dedede
}

.Ct1_top,.Ct2_top {
    padding: 5px 3px
}

.Ct2_top {
    border-bottom: 1px solid
}

.Ch1_style .icon_bg {
    background: url(images/container_img01.png) no-repeat;
    width: 36px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0
}

.Hb3_top .corner_left,.Hb3_top .corner_right {
    position: absolute;
    width: 5px;
    height: 6px;
    bottom: -6px
}

.Ch1_top {
    background: #444;
    padding: 5px 10px 7px 45px
}

.Ch2_top,.Ch3_top {
    background: #fff;
    padding: 0;
    min-height: 15px
}

.Ch2_style,.Ch3_style {
    min-width: 150px;
    margin-bottom: 15px
}

.Hb1_style,.Hb2_style {
    margin-bottom: 20px;
    min-width: 150px
}

.Ch2_top {
    border: 1px solid #cecece
}

.Ch2_top .c_title {
    background: url(images/container_img02.png) bottom right no-repeat;
    padding: 5px 54px 7px 13px
}

.Ch3_top .c_title {
    background: url(images/container_img05.png) bottom right no-repeat;
    padding: 5px 27px 7px 13px
}

.Hb1_top {
    background: #111;
    padding: 5px 13px 7px;
    border-bottom: 3px solid
}

.Hb1_content {
    padding: 10px 12px 13px;
    background: #6a6a6a
}

.Hb2_style {
    border: 1px solid;
    border-radius: 3px
}

.Hb2_top {
    padding: 5px 13px 7px;
    margin: 2px;
    border-radius: 3px
}

.Hb2_content,.Hb3_content {
    padding: 10px 12px 13px
}

.Hb3_style {
    min-width: 150px;
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px
}

.Hb3_top {
    padding: 5px 15px 7px;
    margin: 0 -5px
}

.Hb3_top .corner_left {
    background: url(images/container_img03.png) no-repeat;
    left: 0
}

.Hb3_top .corner_right {
    background: url(images/container_img04.png) no-repeat;
    right: 0
}

.Footer01_style,.Footer02_style {
    min-width: 160px
}

.Footer01_top_bg,.Footer02_top_bg {
    padding: 7px 3px;
    margin: 0
}

.Footer01_content,.Footer02_content {
    padding: 15px 3px 8px
}

.Footer02_border {
    background: #333;
    margin-top: 5px
}

.Footer02_style .Footer02_top_border {
    height: 2px;
    width: 60px;
    -webkit-transition: .2s ease-in 0;
    -moz-transition: .2s ease-in 0;
    transition: .2s ease-in 0
}

.Footer02_style:hover .Footer02_top_border {
    width: 120px;
    -webkit-transition: .4s ease-in 0;
    -moz-transition: .4s ease-in 0;
    transition: .4s ease-in 0
}

.IranSiteContainer_CenteredTitle,.IranSiteContainer_SideTitle {
    margin: 2rem 0
}

.IranSiteContainer_CenteredTitle .ContainerTitle {
    text-align: center;
    text-align-last: center
}

.IranSiteContainer_CenteredTitle .ContainerTitle h2, .IranSiteContainer_CenteredTitle .ContainerTitle span, .IranSiteContainer_SideTitle .ContainerTitle h2, .IranSiteContainer_SideTitle strong {
    font-size: 1.3rem;
    font-weight: 700;
}

.IranSiteContainer_CenteredTitle .ConDescription,.IranSiteContainer_SideTitle .ConDescription {
    padding: 1.2rem;
    background: var(--Silver-Secondary-Color);
    width: max-content;
    margin: 1.5rem auto;
    color: var(--White-Color);
    font-size: 1.5rem;
    font-weight: 300;
    font-family: arial;
    direction: ltr;
    letter-spacing: .3rem
}

.IranSiteContainer_CenteredTitle .ContainerContent .DNNModuleContent {
    margin: 4rem 0
}

.IranSiteContainer_SideTitle .ContainerContent .DNNModuleContent {
    margin: 1rem 0
}

.IranSiteContainer_QuoteTitle .ContainerTitle {
    box-shadow: 0 .1em .5em var(--Shadow-Accent);
    width: max-content;
    border-radius: .7rem
}

.IranSiteContainer_QuoteTitle .ContainerTitle h2 * {
    font-size: inherit;
    font-weight: inherit
}

.IranSiteContainer_QuoteTitle .ContainerTitle h2:after,.IranSiteContainer_QuoteTitle .ContainerTitle h2:before {
    position: relative;
    color: var(--Accent-Color);
    font-size: 3.5rem
}

.IranSiteContainer_QuoteTitle .ContainerTitle h2:after {
    content: "\201D";
    top: -.2rem;
    left: .5em
}

.IranSiteContainer_QuoteTitle .ContainerTitle h2:before {
    content: "\201C";
    bottom: -2.5rem;
    right: .4em
}

.slick-list,.slick-slider,.slick-track {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-arrow.slick-hidden,.slick-slide,.slick-slide.slick-loading img {
    display: none
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slider .slick-arrow {
    position: absolute;
    font-size: 0;
    outline: 0;
    border: 0;
    background: 0 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    cursor: pointer
}

.slick-slider .slick-arrow.slick-disabled {
    opacity: .5;
    cursor: no-drop
}

.slick-slider .slick-arrow:before {
    content: '';
    width: .8rem;
    height: .8rem;
    transition: rotate .6s ease-in-out;
    border: solid var(--Black-Color);
    border-width: 0 .2rem .2rem 0;
    display: inline-block;
    padding: .2rem;
    background: 0 0
}

.slick-slider.TopArrow .slick-arrow {
    top: -4rem
}

.slick-slider.TopArrow {
    margin-top: 1rem
}

.slick-slider.BtmArrow {
    margin-bottom: 4rem
}

.slick-slider.BtmArrow .slick-arrow {
    bottom: -4rem
}

.slick-slider .slick-arrow.slick-prev {
    left: 3.5rem
}

.slick-slider .slick-arrow.slick-prev:after {
    height: 50%;
    content: '';
    border-left: .1rem solid var(--Silver-Secondary-Color);
    position: absolute;
    left: 0
}

.slick-slider .slick-arrow.slick-prev:before {
    transform: rotate(-45deg)
}

.slick-slider .slick-arrow.slick-next:before {
    transform: rotate(135deg)
}

@media(max-width: 768px) {
    .Department .FirstContent {
        margin:1rem
    }
}

.DepartmentPersons .slick-track {
    padding: 4rem 0;
    overflow: hidden
}

.w-70 {
    width: 70%
}

.DepartmentPersons .slick-list {
    padding: 0 0 5rem!important
}

.DepartmentPersons .slick-slide {
    float: right;
    transition: .4s ease-in-out;
    filter: grayscale(1) brightness(1.1);
    z-index: 22;
    position: relative
}

.DepartmentPersons .slick-slide strong {
    transform: translateY(5rem);
    opacity: 0;
    transition: .4s ease-in-out;
    border-bottom: .2em solid var(--Department-Primary-Color)
}

.DepartmentPersons .slick-slide.slick-current.slick-active {
    transform: scale(1.2);
    filter: grayscale(0);
    z-index: 222;
    opacity: 1
}

.DepartmentPersons .slick-slide.slick-current.slick-active strong {
    transform: translateY(0);
    opacity: 1
}

.DepartmentPersons .slick-slider .slick-arrow {
    z-index: 22
}

.DepartmentPersons .slick-slider .slick-arrow.slick-prev {
    top: 40%;
    transform: translateY(-50%);
    right: 23%;
    left: unset;
    background: rgba(255,255,255,26%);
    border-radius: 50%
}

.DepartmentPersons .slick-slider .slick-arrow.slick-next {
    top: 40%;
    transform: translateY(-50%);
    left: 23%;
    background: rgba(255,255,255,26%);
    border-radius: 50%
}

[class*=Ddotnet] {
    --Department-Primary-Color: var(--DotNetNuke-Primary-Color)
}

[class*=Dwp] {
    --Department-Primary-Color: var(--Wordpress-Primary-Color)
}

[class*=Dhosting] {
    --Department-Primary-Color: var(--Black-Color)
}

[class*=Dgraphic] {
    --Department-Primary-Color: var(--Graphic-Primary-Color)
}

[class*=Dapp] {
    --Department-Primary-Color: var(--Color-1-Primary)
}

[class*=Dsupport] {
    --Department-Primary-Color: var(--Color-3-Primary)
}

[class*=Dseo] {
    --Department-Primary-Color: var(--Seo-Primary-Color)
}

[class*=Dhr] {
    --Department-Primary-Color: var(--DotNet-Secondary-Color)
}

[class*=Dsale] {
    --Department-Primary-Color: var(--Color-4-Primary)
}

@media (max-width: 767px) {
    .IS-Options h2:after {
        transform:translateX(-50%)
    }

    .DepartmentPersons .slick-slider .slick-arrow.slick-prev {
        right: -10%
    }

    .DepartmentPersons .slick-slider .slick-arrow.slick-next {
        left: -10%
    }
}