.Department .FirstContent::after,
.Department .FirstContent::before {
    right: -.12rem;
    transform: rotate(-90deg);
    font-size: 1.4rem;
    font-family: cursive;
    color: var(--Silver-Secondary-Color);
    line-height: 0
}

.services .SecondContent h1:before,
.services:after {
    background-image: var(--Department-Logo);
    background-repeat: no-repeat
}


.accordion-first .ui-accordion-header-active h2,
main[class] .accordion-first .ui-accordion-header-active h1,
main[class] .accordion-slided .ui-accordion-content,
main[class] .accordion-slided .ui-accordion-header-active h2,
main[class] .accordion-slided .ui-accordion-header-active h3,
main[class] .accordion-slided .ui-accordion-header-active h4 {
    border-color: var(--Department-Primary-Color)
}

.ContactsPage .Address,
.ContactsPage .Email,
.ContactsPage .Phone {
    border-left: .1em solid var(--Silver-Primary-Color)
}

.services strong en:after,
.services strong en:before {
    right: .8rem;
    width: 0;
    height: 0;
    border-right: .4rem solid transparent;
    border-left: .4rem solid transparent;
    left: auto;
    content: "";
    position: absolute
}

main[class] .accordion-first .ui-accordion-header-active h1,
main[class] .accordion-first .ui-accordion-header-active h2,
main[class] .accordion-slided .ui-accordion-header-active h2,
main[class] .accordion-slided .ui-accordion-header-active h3,
main[class] .accordion-slided .ui-accordion-header-active h4 {
    color: var(--Department-Primary-Color)
}

.ContactsPage {
    gap: 1.5em;
    margin: 0 6em
}

.ContactsPage>div,
.SlidedCategory .swiper-wrapper .swiper-slide {
    padding: 1em
}

.ContactsPage strong {
    margin: 1em 0
}

.ContactsPage .Address {
    flex: 0 0 calc(40% - 1.5em)
}

.ContactsPage .Phone {
    flex: 0 0 calc(15% - 1.5em)
}

.ContactsPage .Email {
    flex: 0 0 calc(20% - 1.5em)
}

.ContactsPage .Social {
    flex: 0 0 calc(25% - 1.5em)
}

.ContactsPage .Social svg {
    width: 1.5em;
    height: 1.5em
}

.ContactsPage .Email p,
.ContactsPage .Phone p,
.ContactsPage .Social p {
    justify-content: flex-end;
    display: flex;
    gap: .5em;
    justify-content: flex-end;
    display: flex
}

.dnnFormItem input[type=email],
.dnnFormItem input[type=password],
.dnnFormItem input[type=search],
.dnnFormItem input[type=text],
.dnnFormItem select,
.dnnFormItem textarea,
.sales-input input,
.sales-input textarea {
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    max-width: 100%;
    width: 100% !important;
    min-height: 3.5em;
    background-color: var(--White-Color) !important;
    height: 100%
}

.sales-input input {
    height: unset !important;
    border-radius: unset !important
}

.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel,
.dnnForm.NarrowFeedbackForm .dnnFormItem LABEL,
.sales-input label {
    margin: .5em 0;
    font-weight: 600
}


.Department {
    position: relative;
    height: 33.5rem;
    overflow: hidden;
    z-index: 1
}

.Department a {
    color: var(--Color-2-Primary);
}


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

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

.graphic.Department strong en {
    background: rgba(255, 255, 255, 46%);
    border-color: var(--Silver-Primary-Color);
    color: var(--White-Color)
}

.services .FirstContent {
    margin: 0 6.85rem 0 7rem
}

.services h1 {
    font-size: 1.71rem;
}

.services .SecondContent {
    margin-left: 6.85rem
}

.services .SecondContent h1,
.services .SecondContent span,
.projects .SecondContent h1,
.projects .SecondContent span,
.projects .SecondContent strong {
    font-size: 1.4rem;
    padding: 2rem 0;
    position: relative;
    line-height: 1.5em
}

.services {
    position: relative;
    height: 33.5rem;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 2rem;
}

.services:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 33.5rem;
    height: 33.5rem;
    transform: rotate(-15deg);
    offset-rotate: auto;
    margin-right: -8rem;
    /* opacity: 7%; */
    z-index: -1
}

.services:before,
.crm .services:before {
    position: absolute;
    height: 100%;
    content: "";
    display: block;
    background: var(--Department-Primary-Color);
    width: 65%;
    right: 0;
    border-radius: 21rem 0 0 21rem;
    z-index: -1
}

.services:before {
    /* opacity: 7% */
}

.services .SecondContent h1:before {
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: -3rem;
    background-position: center
}

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

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

.graphic.services strong en {
    background: rgba(255, 255, 255, 46%);
    border-color: var(--Silver-Primary-Color);
    color: var(--White-Color)
}

.FeedBackGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    padding: .5em
}

.Feedback_Field {
    grid-column: 1/3;
    margin: 0;
    padding: 0 .5em
}

.Feedback_Field.Message {
    grid-column: 3/7;
    grid-row: 1/4;
    padding: 0 .5em
}

.dnnForm.FeedbackForm .dnnFormItem INPUT,
.dnnForm.FeedbackForm .dnnFormItem SELECT,
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA {
    width: 100%
}

.dnnFormItem textarea {
    height: 18.78rem
}

.Feedback_CharCount,
.Feedback_FooterBlock {
    display: none !important
}

.dnnFormItem input[type=email],
.dnnFormItem input[type=password],
.dnnFormItem input[type=search],
.dnnFormItem input[type=text],
.dnnFormItem select,
.dnnFormItem textarea {
    box-shadow: none;
    border-radius: 0;
    border: .1rem solid var(--Silver-Primary-Color);
    margin: 0;
    max-width: 100%;
    width: 100% !important;
    min-height: 3.5em
}

.adwords .SectionThree picture:after,
.adwords .SectionTwo picture:after {
    content: "";
    width: 18em;
    height: 18em;
    background: var(--Department-Primary-Color);
    opacity: .5;
    display: block;
    bottom: -1.5em;
    border-radius: .6em;
    position: absolute;
    z-index: -1
}

.dnnForm.NarrowFeedbackForm .dnnFormItem .dnnLabel span,
.dnnForm.NarrowFeedbackForm .dnnFormItem LABEL span {
    font-weight: 400
}

.iransite-vs-google {
    width: 24em
}

.iransite-vs-google .iransite {
    align-self: flex-end
}

.iransite-vs-google .google {
    align-self: flex-start
}

.Cat3List h2,
.adwords .SectionOne h2 {
    font-size: 1.1em;
    line-height: 4em
}

.adwords .SectionOne .description {
    max-height: 12em;
    overflow-y: auto;
    padding: 0 0 0 1em
}

.adwords .SectionThree,
.adwords .SectionTwo {
    padding: 1em !important;
    position: relative
}

.adwords ul {
    margin: 2em 0
}

.adwords li {
    list-style: disc
}

.adwords .SectionThree img,
.adwords .SectionTwo img {
    position: relative;
    border-radius: .7em
}

.adwords .SectionThree picture,
.adwords .SectionTwo picture {
    position: relative
}

.adwords .SectionTwo picture:after {
    left: -1.5em
}

.adwords .SectionThree picture:after {
    right: -1.5em
}

.adwords .SectionThree .title {
    position: relative;
    background: var(--White-Color);
    padding: 2em 1em;
    box-shadow: 0 .1em .5em var(--Shadow-Accent);
    text-align: center
}

.adwords .SectionThree h2 {
    z-index: 4;
    display: inline;
    position: relative
}

.adwords .SectionThree .title h2:before {
    content: attr(data-name);
    position: absolute;
    bottom: -5em;
    font-size: .5em;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    background: var(--Graphic-Back-Color);
    color: var(--Color-1-Primary);
    right: -1em;
    z-index: -1;
    line-height: 6em
}

.adwords .SectionThree .title h2:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.043' height='16.665' viewBox='0 0 19.043 16.665'%3E%3Cg id='_000000ff' data-name='%23000000ff' transform='translate(0)'%3E%3Cpath id='Path_1633' data-name='Path 1633' d='M13.832,53.367a1.781,1.781,0,0,1-1.294.556q-2.4,0-4.806,0a1.787,1.787,0,0,1-1.622-1.15,1.873,1.873,0,0,1-.117-.7q0-4.42,0-8.84a5.952,5.952,0,0,1,6.085-5.967,1.018,1.018,0,0,1,.691.173.894.894,0,0,1,.363.731c0,.609,0,1.217,0,1.825a.891.891,0,0,1-.821.837,3.975,3.975,0,0,0-.917.069,2.4,2.4,0,0,0-1.756,1.729,4.081,4.081,0,0,0-.074,1.062v1.9h2.855a1.91,1.91,0,0,1,.837.152,1.79,1.79,0,0,1,1.067,1.6c0,1.587,0,3.173,0,4.76A1.787,1.787,0,0,1,13.832,53.367Z' transform='translate(4.719 -37.26)' fill='%234285f4'/%3E%3Cpath id='Path_1634' data-name='Path 1634' d='M295.016,53.408a1.778,1.778,0,0,1-1.217.487q-2.133,0-4.267,0a3.075,3.075,0,0,1-1.105-.106,1.791,1.791,0,0,1-1.179-1.673q0-4.153,0-8.306a11.089,11.089,0,0,1,.043-1.331,5.95,5.95,0,0,1,4.85-5.15,6.744,6.744,0,0,1,1.428-.091.891.891,0,0,1,.818.861c0,.609,0,1.219,0,1.828a.891.891,0,0,1-.541.806,3.187,3.187,0,0,1-.89.085,2.38,2.38,0,0,0-2.139,2.386v2.361c1.007,0,2.013,0,3.02,0a1.793,1.793,0,0,1,1.6,1.1,1.825,1.825,0,0,1,.138.73q0,2.362,0,4.723A1.778,1.778,0,0,1,295.016,53.408Z' transform='translate(-287.246 -37.232)' fill='%234285f4'/%3E%3C/g%3E%3C/svg%3E%0A");
    top: -1em;
    position: relative
}

.SectionOne i {
    width: 37px;
    height: 37px;
    background: url(/DesktopModules/EasyDNNnews/Templates/_default/Iransite2023/images/AdwordsIcon.svg) 0 0/cover no-repeat;
    background-position-y: center;
    margin: 1em
}

.SectionOne i.Icon-1 {
    background-position-x: 0px
}

.SectionOne i.Icon-2 {
    background-position-x: -35px
}

.SectionOne i.Icon-3 {
    background-position-x: -74px
}

.SectionOne i.Icon-4 {
    background-position-x: -111px
}

.SectionOne i.Icon-5 {
    background-position-x: -148px
}

.SectionOne i.Icon-6 {
    background-position-x: -186px
}

.SlidedCategory .swiper-wrapper {
    margin: 2rem 0;
    padding: 0;
    width: 100%
}

.SlidedCategory .SwiperArrows {
    position: relative;
    bottom: 6em;
    left: 0;
    gap: .4rem;
    z-index: 3
}

.datepicker-container.pwt-hide {
    display: none
}

@keyframes JumpDownSquare {
    0% {
        bottom: -5em
    }

    100% {
        bottom: -1em
    }
}

@media (max-width: 768px) {
    .adwords .SectionThree h2 {
        font-size: .9em
    }
}

@supports (-moz-appearance: none) {
    .Department .FirstContent::before {
        display: none
    }
}

.CoveredBack {
    height: 20rem;
    background: url(/portals/_default/images/PriceOptions.jpg) no-repeat
}

.CoveredBack :where(strong, h2, h3, h4, h5, h6) {
    color: var(--White-Color)
}

.Buttonsfixed .Btn {
    font-size: 1rem;
    background: var(--Department-Back-Color);
    font-weight: 700;
    color: var(--White-Color);
    padding: .7em 1.2em;
    margin-right: .5em;
    text-decoration: none;
    line-height: 2.5rem;
}