:root {
    --background-colors--background-color-primary: var(--colors--white);
    --text-colors--text-color-primary: var(--colors--eerie-black);
    --background-colors--background-color-secondary: var(--colors--black-oak);
    --text-colors--text-color-secondary: var(--colors--white);
    --text-colors--text-color-tertiary: var(--colors--race-car-stripe);
    --border-colors--border-color-primary: var(--colors--white);
    --border-radius--border-radius-primary: .75rem;
    --border-colors--border-color-input: #0006;
    --colors--race-car-stripe: #d04643;
    --border-colors--border-color-secondary: var(--colors--race-car-stripe);
    --border-radius--border-radius-secondary: .5rem;
    --background-colors--background-color-tertiary: var(--colors--race-car-stripe);
    --colors--eerie-black: #1a1a1a;
    --colors--white: white;
    --colors--black-oak: #4e4e4e;
}

.w-form-formradioinput--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-width: 4px;
    border-color: #3898ec;
}

body {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
    direction: rtl;
    font-family: "Yekan Bakh Fa En 04", Tahoma, sans-serif;
    font-size: 1rem;
    line-height: 1;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Yekan Bakh Fa En 07", Tahoma, sans-serif;
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.5;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 1.5;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
}

p {
    margin-bottom: 0;
    line-height: 1.5;
}

a {
    text-decoration: none;
}


.header {
    background-color: #ffffff;

}

ul {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    line-height: 1.5;
    display: flex;

}

#wpadminbar .quicklinks ul {
    display: block;
}

label {
    margin-bottom: 0;
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

.text-size-tiny {
    font-size: .75rem;
}

.padding-section-large {
    padding-bottom: 6rem;
}

.background-color-secondary {
    background-color: var(--background-colors--background-color-secondary);
}

.spacer-medium {
    width: 100%;
    padding-top: 2rem;
}

.heading-style-h1 {
    font-family: "Yekan Bakh Fa En 07", Tahoma, sans-serif;
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.5;
}

.button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.button-group.show-in-tablet {
    display: none;
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem;
}

.text-color-secondary {
    color: var(--text-colors--text-color-secondary);
}

.heading-style-h4 {
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.2;
}

.heading-style-h3 {
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.5;
}

.container-large {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}

.padding-global {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: relative;
}

.section {
    position: relative;
    overflow: hidden;
}

.section.background-image-about {
    background-image: url('../images/BackAbout.png');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
margin-top:2rem;
}

.section.background-image-login {
    background-image: url('../images/BackAbout-1.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.section.overflow-visible {
    overflow: visible;
}

.nav-content {
    justify-content: space-between;
    align-items: center;
    height: 5.5rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: flex;
}

.navbar.is-primary {
    z-index: 100;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #ffffff1f;
    position: relative;
	height: 80px;
}

.navbar.is-secondary {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #0000007a;
}

.nav-menu {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.nav-menu ul {
    flex-flow: row;
}

.footer-nav-menu ul {
    flex-flow: column !important;
    list-style: none;
}

.nav-brand {
    height: 95%;
    transition: opacity .3s ease-in-out;
}

.nav-brand:hover {
    opacity: .7;
}

.nav-menu-link {
    color: var(--text-colors--text-color-secondary);
    min-width: max-content;
    line-height: 1;
    text-decoration: none;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
}

.nav-menu-link:hover {
    color: var(--text-colors--text-color-tertiary);
}

.nav-search-button {
    position: relative;
}

.nav-button {
    border: 1px solid var(--border-colors--border-color-primary);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-secondary);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: .75rem 1rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
}

.nav-button:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.header {
    z-index: 999;
    position: absolute;
    inset: 0% 0% auto;
}

.section-content {
    flex-flow: column;
    display: flex;
}

.section-content.is-hero {
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100vh;
    min-height: 44rem;
    padding-left: 2rem;
    padding-right: 2rem;
    position: relative;
    overflow: hidden;
}

.swiper-wrapper.is-certificate-slider,
.swiper-wrapper.is-gallery-slider {
    display: flex;
}

.swiper-slide.is-certificate-slider {
    flex: none;
    width: 43%;
}

.swiper-slide.is-gallery-slider {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    flex: none;
    width: 70%;
}

.swiper.is-certificate-slider,
.swiper.is-gallery-slider {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
}

.section-heading-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
}

.section-heading-box.orange {
    color: var(--text-colors--text-color-tertiary);
}

.section-heading-box.reverse {
    flex-flow: row-reverse;
}

.section-heading-box.gray {
    color: #5f5f5f;
	margin-top: 2rem;
}

.section-heading-box.align-center {
    justify-content: center;
    align-items: center;
}

.about-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.about-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: 2 / 3;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 1rem;
    display: flex;
    box-shadow: 1px 1px 10px #00000047;
}

.about-card-header {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.about-card-logo {
    width: 4rem;
}

.text-color-tertiary {
    color: var(--text-colors--text-color-tertiary);
}

.about-card-body {
    font-size: .9rem;
}

.section-heading-icon {
    width: 2.75rem;
}

.section-heading-line {
    background-image: linear-gradient(90deg, transparent, var(--text-colors--text-color-tertiary));
    width: 30%;
    height: 2px;
}

.section-heading-line.reverse {
    background-image: linear-gradient(90deg, var(--text-colors--text-color-tertiary), white);
}

.section-heading-line.full {
    flex: 1;
}

.blog-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.blog-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 1rem;
    display: flex;
    box-shadow: 1px 1px 10px #00000047;
    color: #000;
}

.blog-card-header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}

.blog-card-body {
    aspect-ratio: 5 / 4;
    border-radius: var(--border-radius--border-radius-primary);
    overflow: hidden;
}

.cover-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.partners-wrapper {
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
}

.partners-wrapper.to-right {
    direction: ltr;
    flex-flow: row-reverse;
}

.partners-wrapper.to-left {
    direction: ltr;
}

.partners-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: max-content;
  gap: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
 
.partners-logo-wrapper.to-right {
    flex-flow: row-reverse;
}

.partner-logo-wrapper {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
}

.partner-logo {
    width: 10rem;
}

.partner-logos-shadow {
    background-image: linear-gradient(90deg, var(--background-colors--background-color-primary) 15%, transparent);
    width: 15%;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.partner-logos-shadow.is-right {
    background-image: linear-gradient(-90deg, var(--background-colors--background-color-primary), transparent);
    inset: 0% 0% 0% auto;
}

.footer {
    background-color: var(--background-colors--background-color-secondary);
}

.footer-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
}

.footer-cell {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
}

.footer-nav-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex;
}

.footer-signature {
    border-top: 1px solid var(--border-colors--border-color-primary);
    color: var(--text-colors--text-color-secondary);
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
}

.inner-link {
    color: var(--text-colors--text-color-tertiary);
    transition: color .3s ease-in-out;
}

.inner-link:hover {
    color: var(--text-colors--text-color-secondary);
}

.inner-link.for-login:hover {
    color: var(--text-colors--text-color-primary);
}

.footer-nav-logo-link {
    width: 10rem;
}

.footer-nav-menu-link {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    color: var(--text-colors--text-color-secondary);
    justify-content: flex-start;
    align-items: center;
    line-height: 1.5;
    text-decoration: none;
    display: flex;
}

.footer-nav-menu-link-icon {
    width: 2rem;
}

.slider-certificate {
    background-color: #0000;
    min-height: max-content;
    margin-bottom: 4rem;
}

.slide-nav-certificate {
    display: none;
}

.slider-slide-certificate {
    height: 100%;
    min-height: max-content;
}

.certificate-frame {
    border-radius: var(--border-radius--border-radius-primary);
    width: 100%;
height: 460px;
  object-fit: contain;
}

.slider-arrow-icon {
    z-index: 2147483647;
    aspect-ratio: 1;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    display: flex;
    overflow: hidden;
}

.slider-next-arrow-certificate {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--border-colors--border-color-primary);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--border-colors--border-color-primary);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--border-colors--border-color-primary);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--border-colors--border-color-primary);
    border-top-left-radius: var(--border-radius--border-radius-primary);
    border-top-right-radius: var(--border-radius--border-radius-primary);
    border-bottom-left-radius: var(--border-radius--border-radius-primary);
    border-bottom-right-radius: var(--border-radius--border-radius-primary);
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
    padding: .5rem;
    transition-property: color, background-color;
    transition-duration: .3s, .3s;
    transition-timing-function: ease-in-out, ease-in-out;
    display: flex;
    bottom: -6rem;
    right: 42%;
}

.slider-next-arrow-certificate:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.slider-prev-arrow-certificate {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--border-colors--border-color-primary);
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: var(--border-colors--border-color-primary);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--border-colors--border-color-primary);
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: var(--border-colors--border-color-primary);
    border-top-left-radius: var(--border-radius--border-radius-primary);
    border-top-right-radius: var(--border-radius--border-radius-primary);
    border-bottom-left-radius: var(--border-radius--border-radius-primary);
    border-bottom-right-radius: var(--border-radius--border-radius-primary);
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 0;
    padding: .5rem;
    transition-property: color, background-color;
    transition-duration: .3s, .3s;
    transition-timing-function: ease-in-out, ease-in-out;
    display: flex;
    bottom: -6rem;
    left: 42%;
}

.slider-prev-arrow-certificate:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.hero-background-image {
    filter: blur(2.5px);
    position: absolute;
    inset: 0%;
}

.hero-background-image.not-blur {
    filter: none;
}

.invest-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #171717bf;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 3rem 2rem;
    display: grid;
}

.invest-content-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    color: var(--text-colors--text-color-secondary);
    flex-flow: column;
    font-size: 1.3rem;
    display: flex;
}

.text-size-large {
    font-size: 1.3rem;
}

.invest-form-input {
    border: 1px solid var(--background-colors--background-color-primary);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-secondary);
    background-color: #0000;
    height: 2.5rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    transition: border-color .3s ease-in-out;
}

.invest-form-input:focus {
    border-color: var(--colors--race-car-stripe);
}

.input-box {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}

.invest-form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
}

.invest-form-textarea {
    border: 1px solid var(--background-colors--background-color-primary);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-secondary);
    background-color: #0000;
    height: 4.5rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    transition: border-color .3s ease-in-out;
}

.invest-form-textarea:focus {
    border-color: var(--colors--race-car-stripe);
}

.project-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
}

.project-heading-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.project-gallery-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.project-image-banner {
    aspect-ratio: 5 / 4;
    border-radius: var(--border-radius--border-radius-primary);
    overflow: hidden;
}

.project-body {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.project-infos {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    position: relative;
}

.project-infos.vertical {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
}

.max-width-large {
    width: 100%;
    max-width: 70rem;
}

.project-info {
    z-index: 2;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px solid var(--border-colors--border-color-secondary);
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 13rem;
    padding: 1.5rem;
    display: flex;
    position: relative;
}

.project-info-icon {
    width: 3rem;
}

.project-info-header {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.project-info-body {
    text-align: center;
    flex-flow: column;
    font-size: .9rem;
    display: flex;
}

.project-info-connect-line-wrapper {
    z-index: 1;
    flex-flow: column;
    justify-content: center;
    display: flex;
    position: absolute;
    inset: 0%;
}

.project-info-connect-line-wrapper.vertical {
    flex-flow: row;
}

.project-info-connect-line {
    background-color: var(--border-colors--border-color-secondary);
    height: 1px;
}

.project-info-connect-line.vertical {
    width: 1px;
    height: 100%;
}

.project-footer {
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
    display: flex;
}

.goback-link {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--text-colors--text-color-tertiary);
    justify-content: flex-start;
    align-items: center;
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    transition: color .3s ease-in-out;
    display: flex;
}

.goback-link:hover {
    color: var(--text-colors--text-color-primary);
}

.project-link-arrow {
    z-index: 2147483647;
    aspect-ratio: 1;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 2rem;
    display: flex;
    overflow: hidden;
}

.projects-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    flex-flow: column;
    display: flex;
}

.contact-box {
    border-radius: var(--border-radius--border-radius-primary);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    overflow: hidden;
}

.contact-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: #eaeaea;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem;
    display: flex;
}

.contact-cell {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
}

.contact-option {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.contact-option.is-link {
    color: var(--text-colors--text-color-primary);
    transition: color .3s ease-in-out;
}

.contact-option.is-link:hover {
    color: var(--text-colors--text-color-tertiary);
}

.contact-option-icon {
    width: 1.5rem;
}

.heading-style-h5 {
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

.contact-social-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.contact-social-link {
    width: 1.75rem;
}

.about-wrapper {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    display: flex;
}

.about-cell {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
    display: flex;
    overflow: hidden;
    box-shadow: 2px 2px 15px #00000061;
    margin-top: 6rem;
}

.about-image-frame {
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-primary);
    width: 45%;
    overflow: hidden;
}

.about-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
}

.about-stats-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 80%;
    margin-top: .5rem;
    display: flex;
}

.about-stat-box {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.organization-chart {
    border: 1px solid var(--border-colors--border-color-secondary);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-tertiary);
    justify-content: center;
    align-items: center;
    height: 120vh;
    display: flex;
}

.managers-tabs-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
    display: flex;
}

.managers-tab-link {
    border-radius: var(--border-radius--border-radius-primary);
    color: #00000080;
    background-color: #0000;
    border: 1px solid #00000080;
    justify-content: center;
    align-items: center;
    min-width: 9rem;
    padding: .75rem 2rem;
    display: flex;
}

.managers-tab-link.w--current {
    border-color: var(--border-colors--border-color-secondary);
    color: var(--text-colors--text-color-tertiary);
    background-color: #0000;
}

.managers-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.manager-card {
    aspect-ratio: 7 / 8;
    border-radius: var(--border-radius--border-radius-primary);
    flex-flow: column;
    justify-content: flex-end;
    padding: 1rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.company-env-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.company-env-box {
    aspect-ratio: 7 / 8;
    border-radius: var(--border-radius--border-radius-primary);
    overflow: hidden;
}

.manager-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.manager-content {
    z-index: 2;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #d9d9d9b3;
    justify-content: space-between;
    padding: 1rem;
    display: flex;
    position: relative;
}

.manager-info {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
}

.manager-socials {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    display: flex;
}

.manager-social {
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-secondary);
    object-fit: cover;
    background-color: #d9d9d9;
    justify-content: center;
    align-items: center;
    width: 2rem;
    display: flex;
    overflow: hidden;
}

.services-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.service-card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    display: flex;
}

.service-header {
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-primary);
    object-fit: cover;
    flex-flow: column;
    justify-content: flex-end;
    display: flex;
    position: relative;
    overflow: hidden;
}

.service-heading-box {
    z-index: 2;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #00000080;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    display: flex;
    position: relative;
}

.service-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.company-about-box {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    border-radius: var(--border-radius--border-radius-primary);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    color: var(--text-colors--text-color-secondary);
    background-color: #101010bf;
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    max-width: 55rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3.5rem 2.5rem;
    font-size: 1.2rem;
    display: flex;
    transform: translate(0, -12.5rem);
}

.form-main-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
}

.form-box {
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    padding: 3rem;
    display: flex;
    box-shadow: 1px 1px 10px #00000047;
}

.form-heading-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.form-box-header {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.form-heading-icon {
    width: 2rem;
}

.form-grid-3col {
    grid-column-gap: 2rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.form-cell {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}

.form-cell.align-bottom {
    justify-content: flex-end;
}

.form-cell.horizontal {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

.form-input {
    border: 1px solid var(--border-colors--border-color-input);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-primary);
    background-color: #0000;
    height: 2.5rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    transition: border-color .3s ease-in-out;
}

.form-input:focus {
    border-color: var(--text-colors--text-color-primary);
}

.form-input::placeholder {
    color: var(--text-colors--text-color-primary);
}

.upload-image-frame {
    border: 1px solid var(--border-colors--border-color-input);
    border-radius: var(--border-radius--border-radius-primary);
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 3rem;
    display: flex;
}

.form-radio-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: flex-start;
    align-items: center;
    height: 2.5rem;
    display: flex;
}

.form-radio-wrapper.align-between {
    justify-content: space-between;
}

.form-radio-button-field {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.form-radio-button-field.vertical {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column-reverse;
}

.form-radio-button {
    border: 1px solid var(--border-colors--border-color-input);
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-left: .5rem;
}

.form-radio-button.w--redirected-checked {
    border-width: 1px;
    border-color: var(--border-colors--border-color-input);
    background-color: var(--background-colors--background-color-secondary);
    outline-color: var(--background-colors--background-color-primary);
    outline-offset: -4px;
    outline-width: 3px;
    outline-style: solid;
}

.form-add-button {
    border: 1px solid var(--border-colors--border-color-secondary);
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-tertiary);
    background-color: #0000;
    padding: .5rem 1rem;
}

.sub-form-box {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
}

.form-submit-button {
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--colors--race-car-stripe);
    width: 100%;
    height: 2.75rem;
    padding: .5rem 1rem;
    transition: background-color .3s ease-in-out;
}

.form-submit-button:hover {
    background-color: var(--background-colors--background-color-secondary);
}

.submit-button-box {
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
}

.form-steps {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    align-items: center;
    display: flex;
}

.form-step {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: center;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}

.form-step-image {
    aspect-ratio: 1;
    background-color: var(--background-colors--background-color-tertiary);
    object-fit: cover;
    border-radius: 50%;
    padding: 1rem;
    overflow: hidden;
}

.form-step-arrow {
    width: 6.5rem;
    transform: translate(0, -.75rem);
}

.project-single-content {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    display: flex;
}

.project-single-body {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    flex: 1;
    display: flex;
}

.project-single-heading {
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 16rem);
    display: flex;
}

.slider-mask-gallery {
    width: 65%;
    min-height: max-content;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

.project-frame {
    aspect-ratio: 3 / 2;
    border-radius: var(--border-radius--border-radius-primary);
    object-fit: cover;
    overflow: hidden;
}

.project-team-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.project-team-card {
    aspect-ratio: 7 / 8;
    border-radius: var(--border-radius--border-radius-primary);
    flex-flow: column;
    justify-content: flex-end;
    padding: .5rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.project-team-content {
    z-index: 2;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #d9d9d9b3;
    justify-content: space-between;
    padding: .5rem;
    display: flex;
    position: relative;
}

.heading-company-logo {
    width: 3.75rem;
}

.form-grid-2col {
    grid-column-gap: 2rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.documents-form {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
}

.document-form-cell {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.document-form-label-box {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.simple-circle {
    aspect-ratio: 1;
    background-color: var(--background-colors--background-color-tertiary);
    color: var(--text-colors--text-color-secondary);
    object-fit: cover;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2rem;
    padding-top: .25rem;
    display: flex;
    overflow: hidden;
}

.vertical-form-step-arrow {
    height: 7rem;
}

.vertical-form-step-arrow-wrapper {
    justify-content: center;
    width: 2rem;
    display: flex;
}

.login-form-box {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    width: 30rem;
    padding: 3rem;
    display: flex;
    box-shadow: 2px 2px 10px #00000059;
}

.login-form-main-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.login-form-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.login-last-line {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-top: 1px solid var(--border-colors--border-color-input);
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.5rem;
    display: flex;
}

.platform-box {
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #171717bf;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding: 4rem;
    display: flex;
}

.platform-heading {
    color: var(--text-colors--text-color-secondary);
    text-align: center;
}

.platform-main {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 35rem;
    display: flex;
}

.login-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-tertiary);
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    min-width: 10rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    transition: background-color .3s ease-in-out;
    display: flex;
}

.login-button:hover {
    background-color: var(--background-colors--background-color-secondary);
}

.login-button-icon {
    width: 2rem;
}

.platform-footer {
    color: var(--text-colors--text-color-secondary);
    font-size: 2rem;
}

.tenders-tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.tenders-tabs-menu {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    border-radius: var(--border-radius--border-radius-secondary);
    background-color: var(--background-colors--background-color-secondary);
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 2rem;
    padding: .25rem;
    display: flex;
}

.tenders-tab-link {
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-secondary);
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 8rem;
    padding: 1rem 2rem;
    display: flex;
}

.tenders-tab-link.w--current {
    background-color: var(--background-colors--background-color-tertiary);
}

.tenders-tabs-content {
    width: 100%;
}

.tenders-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    display: flex;
}

.trender-accordion {
    border: 1px solid var(--border-colors--border-color-input);
    border-radius: var(--border-radius--border-radius-primary);
    width: 100%;
    height: auto;
    overflow: hidden;
}

.trender-accordion-toggle {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 120px;
    padding: 1rem 1.5rem;
    display: flex;
}

.trender-accordion-arrow {
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-secondary);
    background-color: var(--background-colors--background-color-secondary);
    flex: none;
    justify-content: center;
    align-items: center;
    width: 2rem;
    padding: .5rem;
    display: flex;
    overflow: hidden;
}

.trender-accordion-content {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-flow: column;
    justify-content: space-between;
    align-self: stretch;
    display: flex;
}

.simple-text-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.simple-divider {
    color: var(--text-colors--text-color-tertiary);
    font-family: "Yekan Bakh Fa En 06", Tahoma, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
}

.trender-accordion-arrow-icon {
    box-sizing: border-box;
}

.trender-accordion-inner-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #0000;
    flex-flow: column;
    align-items: flex-start;
    padding: 1.5rem;
    display: flex;
    position: static;
}

.trender-accordion-inner-content.w--open {
    background-color: #0000;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
}

.download-button {
    border: 1px solid var(--border-colors--border-color-secondary);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-tertiary);
    background-color: #0000;
    min-width: 8rem;
    padding: .75rem 2rem;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.download-button:hover {
    background-color: var(--background-colors--background-color-tertiary);
    color: var(--text-colors--text-color-secondary);
}

.text-align-right {
    text-align: right;
}

.certificate-button-next {
    aspect-ratio: 1;
    border: 1px solid var(--border-colors--border-color-primary);
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
    overflow: hidden;
}

.certificate-button-next:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.slider-arrows-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.slider-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}

.certificate-button-prev {
    aspect-ratio: 1;
    border: 1px solid var(--border-colors--border-color-primary);
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
    overflow: hidden;
}

.certificate-button-prev:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.slider-main-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
    position: relative;
}

.slider-main-component.for-hero-slider {
/*     height: 100vh; */
    display: block;
}

.certificate-slider-pagination {
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    display: flex;
}

.swiper-pagination-current {
    color: var(--text-colors--text-color-tertiary);
}

.swiper-pagination.certificate-slider-pagination {
    color: var(--text-colors--text-color-secondary);
}

.slider-bottom-component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    color: var(--text-colors--text-color-secondary);
    flex-flow: column;
    display: flex;
}

.slider-bottom-component.is-for-hero-slider {
    z-index: 5;
  position: relative;
  inset: auto 0% 0%;
  margin-top: -80px;
}

.swiper-pagination-total {
    color: var(--text-colors--text-color-secondary);
}

.gallery-image-frame {
    border-radius: var(--border-radius--border-radius-primary);
    width: 100%;
    height: 100%;
}

.gallery-slider-pagination {
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    display: flex;
}

.gallery-button-next {
    aspect-ratio: 1;
    border: 1px solid var(--border-colors--border-color-primary);
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
    overflow: hidden;
}

.gallery-button-next:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.gallery-button-prev {
    aspect-ratio: 1;
    border: 1px solid var(--border-colors--border-color-primary);
    border-radius: var(--border-radius--border-radius-secondary);
    color: var(--text-colors--text-color-secondary);
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
    display: flex;
    overflow: hidden;
}

.gallery-button-prev:hover {
    background-color: var(--background-colors--background-color-primary);
    color: var(--text-colors--text-color-primary);
}

.hero-image-frame {
 height: 600px;
 
}
@media (max-width: 768px) {
    .hero-image-frame {
        height: 400px;  
       
    }
}

.hero-slider-pagination {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
    height: 4rem;
    display: flex;
}

.swiper-bullet {
    background-color: #ffffffdb;
    border-radius: 0;
    width: 2rem;
    min-height: 2px;

}

.swiper-bullet.is-active {
    background-color: var(--background-colors--background-color-tertiary);
}

.partners-logo-main {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    display: flex;
}

.partners-logo-cell {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
}

.slider-left-component {
    flex-flow: column;
    justify-content: center;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.hero-progress-wrapper {
    display: flex;
}

.hero-progress-bar {
    background-color: #ffffff59;
    width: 2px;
}

.hero-progress-fill {
    background-color: var(--background-colors--background-color-primary);
    width: 100%;
}

.hero-progress-steps {
    flex-flow: column;
    display: flex;
    cursor: pointer;

}

.hero-progress-step {
    color: var(--text-colors--text-color-secondary);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
    font-size: 1.2rem;

}

.overflow-hidden {
    overflow: hidden;
}

.spacer-top-section {
    width: 100%;
    padding-top: 4rem;
}

.manager-info-little-box {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    font-size: .9rem;
    display: flex;
}

.form-textarea {
    border: 1px solid var(--border-colors--border-color-input);
    border-radius: var(--border-radius--border-radius-primary);
    color: var(--text-colors--text-color-primary);
    background-color: #0000;
    min-height: 7.5rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    transition: border-color .3s ease-in-out;
}

.form-textarea:focus {
    border-color: var(--text-colors--text-color-primary);
}

.form-textarea::placeholder {
    color: var(--text-colors--text-color-primary);
}

.accordion-heading {
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

.research-text-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    flex: 1;
    font-size: 1.25rem;
    display: flex;
}

.research-list {
    color: var(--text-colors--text-color-tertiary);
}

.text-color-primary {
    color: var(--text-colors--text-color-primary);
}

.simple-text-card {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.simple-text-card-image {
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-primary);
    width: 42%;
    overflow: hidden;
}

.simple-text-card-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    display: flex;
}

.avservices-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
    display: grid;
}

.avservice-card {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: var(--background-colors--background-color-primary);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 4rem 2rem 2rem;
    display: flex;
    position: relative;
    box-shadow: 1px 1px 10px #00000047;
}

.avservice-logo-wrapper {
    aspect-ratio: 1;
    background-color: var(--background-colors--background-color-tertiary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    padding: 1rem;
    display: flex;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    overflow: hidden;
}

.avservice-heading {
    font-size: 1.5rem;
}

.avservice-continue-link {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: var(--text-colors--text-color-tertiary);
    justify-content: flex-start;
    align-items: center;
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    transition: color .3s ease-in-out;
    display: flex;
}

.avservice-continue-link:hover {
    color: var(--text-colors--text-color-primary);
}

.research-items-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.research-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    aspect-ratio: 1;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #0006;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    transition: background-color .3s ease-in-out;
    position: relative;
    overflow: hidden;
}

.research-item:hover {
    background-color: #000000b3;
}

.research-item-background {
    z-index: -1;
    filter: blur(3px);
    position: absolute;
    inset: 0%;
}

.research-item-content {
    z-index: 2;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    color: var(--text-colors--text-color-secondary);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}

.image-dark-layer {
    background-image: linear-gradient(#00000069, #00000069);
    position: absolute;
    inset: 0%;
}

.research-item-logo {
    width: 5rem;
}

.footer-nav-link {
    color: var(--text-colors--text-color-secondary);
    font-size: 1rem;
    transition: color .3s ease-in-out;
}

.footer-nav-link:hover {
    color: var(--text-colors--text-color-tertiary);
}

.text-size-medium {
    font-size: 1.25rem;
}

.drop-menu-nav-links-box {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: max-content;
    display: flex;
}

.nav-menu-dropdown-list {
    background-color: #0000;
    padding-top: 3rem;
    top: 1rem;
    right: 0;
}

.nav-menu-dropdown-list.w--open {
    height: auto;
}

.nav-menu-dropdown-list.is-level-1 {
    top: 1.5rem;
    right: -1rem;
}

.nav-menu-dropdown-list.is-level-2 {
    padding-top: 0;
    padding-right: 3rem;
    top: -1rem;
    right: calc(100% - 1rem);
}

.nav-menu-dropdown {
    margin-left: 0;
    margin-right: 0;
}

.nav-menu-dropdown.is-level-2 {
    width: 100%;
}

.nav-menu-dropdown-toggle {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    color: var(--text-colors--text-color-secondary);
    justify-content: flex-start;
    align-items: center;
    padding: 0;
    transition: color .3s cubic-bezier(.645, .045, .355, 1);
    display: flex;
}

.nav-menu-dropdown-toggle:hover {
    color: var(--text-colors--text-color-tertiary);
}

.nav-menu-dropdown-list-main {
    z-index: 1;
    border-radius: var(--border-radius--border-radius-primary);
    background-color: #ffffff1f;
    padding: 1.5rem 1rem;
    display: block;
    position: relative;
}

.drop-menu-body-box {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.contact-header .nav-menu-dropdown-list-main {
    backdrop-filter: blur(5px);
    background-color: #6969697f;
}

.header.contact-header {
    backdrop-filter: blur(5px);
    background-color: #0000007a;
}

.drop-menu-navigation-box {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.nav-arrow {
    aspect-ratio: 1;
    object-fit: cover;
    width: 1rem;
    overflow: hidden;
}

.nav-arrow.level-2 {
    transform: rotate(90deg);
}

.drop-menu-navigation-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}

.menu-modal {
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    background-image: linear-gradient(#00000080, #00000080);
    position: fixed;
    inset: 0%;
}

.menu-open-button {
    width: 2.25rem;
}

.mobile-menu {
    display: none;
}

.nav-brand-image {
    width: 100%;
    height: 100%;
}

.nav-search-icon {
    width: 2.25rem;
}

.nav-search-form-wrapper {
    background-color: var(--background-colors--background-color-primary);
    position: absolute;
    left: 0;
}

.service-accordion {
    flex-flow: column;
    flex: 1;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}

.service-dropdown-content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    background-color: #0000;
    flex-flow: column;
    align-items: flex-start;
    display: flex;
    position: static;
}

.service-cell-content {
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: relative;
}

.text-color-primary-2 {
    color: #919191;
}

.text-size-small {
    font-size: .875rem;
}

.service-title-box {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    width: 60%;
    display: flex;
}

.service-number {
    color: var(--text-colors--text-color-tertiary);
    font-family: "Yekan Bakh Fa En 06", Tahoma, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
}

.service-dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
    height: 90px;
    padding: 0;
    display: flex;
    overflow: hidden;
}

.service-cell {
    border-top: 1px solid var(--border-colors--border-color-input);
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
}

.service-cell.is-last {
    border-bottom: 1px solid #454545;
}

.simple-button {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    color: #fff;
    text-transform: uppercase;
    background-color: #f23c3c;
    border-radius: 3rem;
    justify-content: center;
    align-items: center;
    min-width: 12rem;
    padding: .75rem;
    font-size: 1.2rem;
    text-decoration: none;
    transition: background-color .3s ease-in-out;
    display: flex;
}

.simple-button:hover {
    background-color: #919191;
}

.simple-button.is-secondary {
    min-width: 10rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.service-image-wrapper {
    aspect-ratio: 5 / 4;
    border-radius: var(--border-radius--border-radius-primary);
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    overflow: hidden;
}

.services-wrapper {
    flex-flow: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    width: 100%;
    display: flex;
}

.service-number-wrapper {
    flex-flow: column;
    display: flex;
}

.heading-style-h2 {
    font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
    font-size: 2.75rem;
    font-weight: 500;
    line-height: 1.5;
}

.service-paragraph {
    font-size: 1.2rem;
    line-height: 1.7;
}

@media screen and (min-width: 1280px) {
    .container-large {
        max-width: 90rem;
    }

    .about-card {
        aspect-ratio: 4 / 5;
    }

    .blog-card {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .avservice-card {
        aspect-ratio: 4 / 5;
    }
}

@media screen and (min-width: 1920px) {
    .simple-button {
        font-size: 2.4rem;
    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 3.3rem;
    }

    h2 {
        font-size: 2.5rem;
    }

    ul {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .padding-section-large {
      
        padding-bottom: 6rem;
    }

    .heading-style-h1 {
        font-size: 3.3rem;
    }

    .button-group.show-in-tablet {
        display: flex;
    }

    .button-group.hide-in-tablet {
        display: none;
    }

    .nav-content {
        height: 5.75rem;
    }

    .nav-menu {
        display: none;
    }

    .nav-button.is-for-menu {
        border-color: var(--border-colors--border-color-input);
        color: var(--text-colors--text-color-primary);
    }

    .swiper-slide.is-certificate-slider {
        width: 50%;
    }

    .swiper-slide.is-gallery-slider {
        width: 65%;
    }

    .about-grid {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }

    .about-card {
        aspect-ratio: 1;
    }

    .section-heading-line {
        width: 45%;
    }

    .blog-grid {
        grid-template-columns: 1fr;
    }

    .blog-card {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .blog-card-header {
        justify-content: center;
    }

    .partners-logo-wrapper.to-right,
    .partners-logo-wrapper.to-left {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .partner-logo {
        width: 10rem;
    }

    .footer-grid {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: wrap;
        grid-template-rows: auto;
        grid-template-columns: 1.25fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: flex-start;
        display: grid;
    }

    .footer-brand {
        width: 70%;
    }

    .invest-grid {
        grid-template-columns: 1fr;
    }

    .invest-content-box {
        font-size: 1.2rem;
    }

    .invest-form-input {
        height: 2.25rem;
    }

    .project-gallery-box {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }

    .project-infos {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .project-infos.vertical {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
        flex-flow: row;
    }

    .project-info {
        width: auto;
    }

    .project-info-connect-line-wrapper.vertical {
        flex-flow: column;
    }

    .project-info-connect-line.vertical {
        width: 100%;
        height: 1px;
    }

    .goback-link {
        font-size: 1.25rem;
    }

    .contact-box {
        grid-template-columns: 1fr;
    }

    .managers-tabs-menu {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .managers-tab-link {
        min-width: 8rem;
    }

    .managers-grid,
    .company-env-grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }

    .services-grid {
        grid-column-gap: 1rem;
    }

    .form-box {
        padding: 2rem;
    }

    .form-grid-3col {
        grid-column-gap: 1.25rem;
        grid-row-gap: 2rem;
    }

    .form-cell {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .form-add-button {
        font-size: .9rem;
    }

    .form-steps {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
    }

    .form-step-arrow {
        width: 4rem;
    }

    .project-single-content {
        flex-flow: column;
    }

    .project-single-heading {
        justify-content: flex-start;
        width: auto;
    }

    .project-team-grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .platform-footer {
        font-size: 1.75rem;
    }

    .tenders-tab-link {
        text-align: center;
        width: 7rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .trender-accordion-arrow {
        width: 1.75rem;
    }

    .download-button {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        font-size: .8rem;
    }

    .accordion-heading {
        text-align: right;
        white-space: pre-wrap;
    }

    .simple-text-card {
        flex-flow: column-reverse;
    }

    .simple-text-card-image {
        width: auto;
    }

    .avservice-card {
        aspect-ratio: 1;
    }

    .avservice-continue-link {
        font-size: 1.25rem;
    }

    .research-items-grid {
        grid-template-columns: 1fr 1fr;
    }

    .footer-nav-link {
        font-size: 1rem;
    }

    .nav-menu-dropdown-list {
        position: static;
    }

    .nav-menu-dropdown {
        margin-left: 0;
        margin-right: 0;
    }

    .nav-menu-dropdown-toggle {
        font-size: 1.3rem;
        font-weight: 400;
    }

    .nav-menu-dropdown-list-main {
        padding: 0;
    }

    .drop-menu-body-box {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr 1fr;
    }

    .nav-arrow {
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .menu-open-button {
        display: block;
    }

    .mobile-menu {
        z-index: 999;
        background-color: var(--background-colors--background-color-primary);
        width: 100%;
        height: 100vh;
        display: block;
        position: fixed;
        inset: 0;
        transform: translate(100%);
    }

    .mobile-menu-content {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column;
        align-items: stretch;
        height: 100vh;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: flex;
    }

    .mobile-menu-header {
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .menu-close-button {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        color: var(--text-colors--text-color-primary);
        justify-content: flex-start;
        align-items: center;
        font-family: "Yekan Bakh Fa En 05", Tahoma, sans-serif;
        font-size: 1.3rem;
        font-weight: 500;
        display: flex;
    }

    .menu-close-button-icon {
        width: 2rem;
    }

    .mobile-menu-wrapper {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        border-radius: var(--border-radius--border-radius-primary);
        background-color: #4e4e4e2e;
        flex-flow: row;
        flex: 1;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        align-items: stretch;
        display: grid;
        overflow: auto;
    }

    .mobile-menu-nav {
        flex-flow: column;
        align-items: stretch;
        padding-top: 1rem;
        padding-bottom: 1rem;
        display: flex;
    }

    .mobile-menu-nav.none {
        display: none;
    }

    .mobile-menu-nav-link {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        color: var(--text-colors--text-color-primary);
        justify-content: space-between;
        align-items: center;
        font-size: 1.2rem;
        display: flex;
    }

    .mobile-menu-footer {
        border-top: 1px solid var(--border-colors--border-color-input);
        justify-content: flex-start;
        align-items: center;
        padding-top: 1rem;
        display: flex;
    }

    .nav-search-icon {
        width: 2rem;
    }

    .plus-icon {
        width: 1.5rem;
    }

    .mobile-menu-nav-link-cell {
        justify-content: space-between;
        align-items: center;
        height: 55px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        display: flex;
    }

    .mobile-menu-accordion {
        flex-flow: column;
        justify-content: flex-start;
        align-items: stretch;
        display: flex;
        overflow: hidden;
    }

    .mobile-menu-accordion-toggle {
        flex: none;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        justify-content: space-between;
        align-items: stretch;
        height: 55px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        display: flex;
    }

    .mobile-menu-accordion-content {
        flex-flow: column;
        padding-left: .5rem;
        padding-right: .5rem;
        display: flex;
    }

    .click-area {
        justify-content: flex-end;
        align-items: center;
        display: flex;
    }

    .click-area.level-1,
    .click-area.level-2 {
        flex: 1;
    }

    .text-area {
        justify-content: flex-start;
        align-items: center;
        min-width: 35%;
        display: flex;
    }

    .service-accordion {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        display: flex;
    }

    .service-cell-content {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        flex-flow: column-reverse;
        justify-content: flex-start;
        align-items: stretch;
    }

    .service-title-box {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
        flex-flow: column;
        width: auto;
    }

    .service-dropdown-toggle {
        height: auto;
    }

    .service-cell {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .service-image-wrapper {
        aspect-ratio: 3 / 2;
        height: auto;
        position: static;
    }

    .heading-style-h2 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 2.25rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    label {
        font-size: .9rem;
    }

    .padding-section-large {
      padding-top:-80px !important;
        padding-bottom: 4rem;
    }

    .heading-style-h1 {
        font-size: 2.5rem;
    }

    .spacer-xlarge {
        padding-top: 3rem;
    }

    .heading-style-h3 {
        font-size: 1.5rem;
    }

    .padding-global {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .nav-content {
        height: 4.75rem;
    }

    .swiper-slide.is-certificate-slider,
    .swiper-slide.is-gallery-slider {
        width: calc(100% - 2.5rem);
    }

    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-card {
        aspect-ratio: auto;
    }

    .about-card-logo {
        width: 5rem;
    }

    .section-heading-line {
        flex: 1;
        width: auto;
    }

    .blog-card {
        display: flex;
    }

    .footer-grid {
        grid-column-gap: 1rem;
    }

    .footer-signature {
        font-size: .8rem;
    }

    .footer-nav-menu-link-icon {
        width: 1.7rem;
    }

    .slider-arrow-icon {
        width: 1.3rem;
    }

    .invest-content-box {
        font-size: 1rem;
    }

    .project-gallery-box {
        grid-template-columns: 1fr;
    }

    .project-infos {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
    }

    .project-infos.vertical {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        grid-template-rows: auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr;
        display: grid;
    }

    .project-info {
        justify-content: space-between;
        width: auto;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .project-info-icon {
        width: 2.5rem;
    }

    .project-link-arrow {
        width: 1.5rem;
    }

    .map-box {
        aspect-ratio: 3 / 2;
    }

    .about-wrapper {
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
    }

    .about-cell {
        grid-column-gap: 1.75rem;
        grid-row-gap: 1.75rem;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        align-items: stretch;
        display: grid;
    }

    .about-image-frame {
        width: auto;
    }

    .managers-tab-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .managers-grid {
        grid-template-columns: 1fr;
    }

    .manager-card {
        aspect-ratio: 4 / 5;
    }

    .company-env-grid {
        grid-template-columns: 1fr;
    }

    .company-env-box {
        aspect-ratio: 4 / 5;
    }

    .manager-info {
        justify-content: space-between;
        font-size: .8rem;
    }

    .services-grid {
        grid-row-gap: 3rem;
        grid-template-columns: 1fr;
    }

    .company-about-box {
        padding: 3rem 2rem;
        font-size: 1rem;
    }

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

    .form-cell {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
    }

    .form-input {
        height: 2.25rem;
    }

    .upload-image-frame {
        text-align: center;
        font-size: .9rem;
    }

    .form-steps {
        flex-flow: wrap;
    }

    .form-step {
        flex: 0 auto;
        width: 5rem;
    }

    .project-team-grid {
        grid-template-columns: 1fr 1fr;
    }

    .project-team-card {
        aspect-ratio: 4 / 5;
    }

    .form-grid-2col {
        grid-column-gap: 1rem;
    }

    .login-form-box {
        width: 100%;
        padding: 2rem;
    }

    .platform-main {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
    }

    .platform-footer {
        font-size: 1.25rem;
    }

    .trender-accordion-toggle {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        padding: .5rem 1rem;
    }

    .trender-accordion-content {
        grid-column-gap: .5rem;
        grid-row-gap: .5rem;
    }

    .simple-text-wrapper {
        font-size: .8rem;
    }

    .trender-accordion-inner-content {
        padding: 1.25rem 1rem;
    }

    .certificate-button-next.swiper-next,
    .certificate-button-prev.swiper-prev,
    .gallery-button-next.swiper-next,
    .gallery-button-prev.swiper-prev {
        width: 2.25rem;
    }

    .spacer-top-section {
        padding-top: 5rem;
    }

    .footer-brand-cell {
        justify-content: center;
        align-items: center;
    }

    .accordion-heading {
        font-size: .9rem;
    }

    .research-text-wrapper {
        font-size: 1.1rem;
    }

    .avservice-card {
        aspect-ratio: auto;
    }

    .research-items-grid {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .research-item-logo {
        width: 4.5rem;
    }

    .text-size-medium {
        font-size: 1rem;
    }

    .drop-menu-body-box {
        flex-flow: column;
    }

    .menu-close-button {
        font-size: 1.2rem;
    }

    .menu-close-button-icon {
        width: 1.75rem;
    }

    .mobile-menu-wrapper {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        display: flex;
    }

    .mobile-menu-nav.first {
        padding-bottom: 0;
    }

    .mobile-menu-nav.second {
        padding-top: 0;
    }

    .mobile-menu-nav-link {
        font-size: 1rem;
    }

    .service-accordion {
        grid-column-gap: .25rem;
        grid-row-gap: .25rem;
    }

    .service-number {
        font-size: 1.3rem;
    }

    .service-cell {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .services-wrapper {
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
        grid-template-columns: .725fr;
    }

    .heading-style-h2 {
        font-size: 2.25rem;
    }

    .service-paragraph {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 479px) {
    h2 {
        font-size: 2rem;
    }

    .spacer-medium {
        padding-top: 1.5rem;
    }

    .heading-style-h4 {
        font-size: 1.1rem;
    }

    .about-card-logo {
        width: 4rem;
    }

    .partners-logo-wrapper.to-right,
    .partners-logo-wrapper.to-left {
        grid-column-gap: 1.5rem;
        grid-row-gap: 1.5rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .partner-logo {
        width: 7.5rem;
    }

    .footer-grid {
        grid-template-columns: 1.25fr;
    }

    .footer-brand {
        width: 75%;
    }

    .footer-signature {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .footer-nav-logo-link {
        width: auto;
    }

    .footer-nav-menu-link-icon {
        width: 1.5rem;
    }

    .invest-grid {
        padding: 2rem 1.25rem;
    }

    .invest-content-box {
        font-size: .8rem;
    }

    .project-body {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .project-infos,
    .project-infos.vertical {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        grid-template-columns: 1fr;
    }

    .project-info {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }

    .project-info-icon {
        width: 3rem;
    }

    .project-info-connect-line-wrapper,
    .project-info-connect-line-wrapper.vertical {
        flex-flow: row;
    }

    .project-info-connect-line,
    .project-info-connect-line.vertical {
        width: 1px;
        height: 100%;
    }

    .project-footer {
        margin-top: 0;
    }

    .map-box {
        aspect-ratio: 1;
    }

    .contact-option-icon {
        width: 1.3rem;
    }

    .about-cell {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }

    .managers-tabs-menu {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .managers-tab-link {
        min-width: 7rem;
        font-size: .9rem;
    }

    .manager-card,
    .manager-content {
        padding: .5rem;
    }

    .manager-social {
        width: 1.8rem;
    }

    .service-heading-box {
        padding: 1rem;
    }

    .company-about-box {
        padding: 2rem 1.35rem;
    }

    .form-box {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .form-heading-wrapper {
        grid-column-gap: .75rem;
        grid-row-gap: .75rem;
    }

    .form-box-header {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        flex-flow: wrap;
    }

    .form-heading-icon {
        width: 1.75rem;
    }

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

    .form-radio-wrapper.align-between {
        height: auto;
    }

    .form-step {
        width: 4.5rem;
    }

    .project-team-grid,
    .form-grid-2col {
        grid-template-columns: 1fr;
    }

    .login-form-box {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .platform-box {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .platform-main {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .platform-footer {
        text-align: center;
        font-size: 1.2rem;
    }

    .tenders-tab-link {
        width: 6rem;
        padding: .75rem;
    }

    .trender-accordion-toggle {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
    }

    .trender-accordion-arrow {
        width: 1.5rem;
    }

    .trender-accordion-content {
        grid-column-gap: 0rem;
        grid-row-gap: 0rem;
    }

    .trender-accordion-inner-content {
        font-size: .9rem;
    }

    .spacer-top-section {
        padding-top: 6rem;
    }

    .manager-info-little-box {
        font-size: .8rem;
    }

    .footer-brand-cell {
        display: flex;
    }

    .research-items-grid {
        grid-template-columns: 1fr;
    }

    .footer-nav-link {
        font-size: .9rem;
    }

    .mobile-menu-wrapper {
        grid-template-columns: 1fr;
    }

    .service-number {
        font-size: 1.2rem;
    }

    .heading-style-h2 {
        font-size: 2rem;
    }

    .service-paragraph {
        font-size: 1rem;
    }
}
 

#w-node-_43f99b24-cc47-992f-899b-ea00d53e9695-39bb63e7 {
    grid-area: 1 / 3 / 4 / 4;
}

#w-node-f106e52a-3bb0-82ab-192e-226035347dfc-39bb63e7 {
    grid-area: 4 / 1 / 5 / 4;
}

#w-node-d14111ab-b4d0-83d6-ee30-7a562b986228-39bb63e7,
#w-node-d14111ab-b4d0-83d6-ee30-7a562b986234-39bb63e7 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8cd0-39bb63e7,
#w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8ce2-39bb63e7,
#w-node-_521b03ba-3d93-1ee7-9a38-9ac3f364890e-39bb63e7,
#w-node-_521b03ba-3d93-1ee7-9a38-9ac3f3648912-39bb63e7 {
    grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_25c455d3-aaf3-5018-8dd8-f50d6021f4fb-cd01ca84,
#w-node-_482a9b26-c610-143e-42f0-0aaa51aec8ca-cd01ca84 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
    #w-node-_23c4dc45-1ebd-6276-ecea-14f43d7bba48-77e129bd {
        grid-area: 2 / 1 / 3 / 2;
    }

    #w-node-_43f99b24-cc47-992f-899b-ea00d53e9695-39bb63e7 {
        grid-area: 1 / 3 / 4 / 4;
    }
}

@media screen and (max-width: 767px) {

    #w-node-_1df1d702-4dee-6b8d-e350-43b35426bc6f-08194a23,
    #w-node-_2bfa7213-3ae6-a58b-6d54-c5f51d073d5d-08194a23 {
        grid-area: 1 / 1 / 2 / 2;
    }

    #w-node-_43f99b24-cc47-992f-899b-ea00d53e9695-39bb63e7 {
        grid-column: 2 / 3;
    }

    #w-node-f106e52a-3bb0-82ab-192e-226035347dfc-39bb63e7 {
        grid-column-end: 2;
    }

    #w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8cd0-39bb63e7,
    #w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8ce2-39bb63e7,
    #w-node-_521b03ba-3d93-1ee7-9a38-9ac3f364890e-39bb63e7,
    #w-node-_521b03ba-3d93-1ee7-9a38-9ac3f3648912-39bb63e7 {
        grid-column: span 2 / span 2;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_43f99b24-cc47-992f-899b-ea00d53e9695-39bb63e7 {
        grid-column: 1 / 2;
    }

    #w-node-d14111ab-b4d0-83d6-ee30-7a562b986228-39bb63e7,
    #w-node-d14111ab-b4d0-83d6-ee30-7a562b986234-39bb63e7,
    #w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8cd0-39bb63e7,
    #w-node-_23da4d6f-758a-7798-d86d-a82bb5ee8ce2-39bb63e7,
    #w-node-_521b03ba-3d93-1ee7-9a38-9ac3f364890e-39bb63e7,
    #w-node-_521b03ba-3d93-1ee7-9a38-9ac3f3648912-39bb63e7,
    #w-node-_25c455d3-aaf3-5018-8dd8-f50d6021f4fb-cd01ca84 {
        grid-column: span 1 / span 1;
    }
}


@font-face {
    font-family: 'Yekan Bakh Fa En 02';
    src: url('../fonts/YEKAN-BAKH-FA-EN-02-THIN.TTF') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh Fa En 06';
    src: url('../fonts/YEKAN-BAKH-FA-EN-06-BOLD.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh Fa En 07';
    src: url('../fonts/YEKAN-BAKH-FA-EN-07-HEAVY.TTF') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh Fa En 05';
    src: url('../fonts/YEKAN-BAKH-FA-EN-05-MEDIUM.TTF') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh Fa En 04';
    src: url('../fonts/YEKAN-BAKH-FA-EN-04-REGULAR.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yekan Bakh Fa En 03';
    src: url('../fonts/YEKAN-BAKH-FA-EN-03-LIGHT.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}