.contactus-section form input,
.contactus-section form textarea,
.contactus-section .right-sec input,
.contactus-section .right-sec textarea, .btn-main-blue:hover, footer .footer-header .footer-topbar > div a, .btn-main-blue {
  transition: 0.3s;
}

footer .footer-header .footer-topbar > div a, .btn-main-blue {
  background-color: #035DE2;
  color: #FFFFFF;
}

.home-section {
  padding-right: 86px;
  padding-left: 86px;
}

.erp-bg-button1 {
  background-color: rgba(22, 36, 49, 0.82);
}

.main-bg-header {
  background-color: rgba(22, 36, 49, 0.82);
}

[data-aos=custom-card-right] {
  opacity: 1 !important;
  transform: translateX(100vw);
  transition-property: transform, opacity;
}

[data-aos=custom-card-right].aos-animate {
  opacity: 1 !important;
  transform: translateX(0);
}

[data-aos=custom-card-right-left] {
  opacity: 0;
}

[data-aos=custom-card-right-left].aos-animate {
  animation: animImp 5s ease forwards;
}

@keyframes animImp {
  0% {
    opacity: 0;
    transform: translateX(140vw);
  }
  60% {
    opacity: 1;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.project-section-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
.project-section-header h3 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
}
@media screen and (max-width: 991px) {
  .project-section-header h3 {
    font-size: 26px;
    margin-bottom: 30px !important;
  }
}
.project-section-header a {
  text-decoration: none;
  color: #035DE2;
  font-size: 20px;
  font-family: "IRYekan-bold";
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.btn-more-mobile {
  border: 1px solid #E1E1E1;
  width: 100%;
  height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: nowrap;
  color: #035DE2;
  text-decoration: none;
  font-size: 20px;
  font-family: "IRYekan-bold";
  margin-top: 22px;
  margin-bottom: 80px;
}

@font-face {
  font-family: "IRYekan-regular";
  src: url("../../fonts/fonts/IRANYekanRegular.ttf");
}
@font-face {
  font-family: "IRYekan-medium";
  src: url("../../fonts/fonts/IRANYekanMedium.ttf");
}
@font-face {
  font-family: "IRYekan-medium-fanum";
  src: url("../../fonts/fonts/FaNum/YekanBakhFaNum05Medium.ttf");
}
@font-face {
  font-family: "IRYekan-semibold";
  src: url("../../fonts/fonts/FaNum/YekanBakhFaNum06Bold.ttf");
}
@font-face {
  font-family: "IRYekan-fanum";
  src: url("../../fonts/fonts/FaNum/YekanBakhFaNum04Regular.ttf");
}
@font-face {
  font-family: "IRYekan-bold";
  src: url("../../fonts/fonts/IRANYekanBold.ttf");
}
@font-face {
  font-family: "peyda-medium";
  src: url("../../fonts/fonts/Peyda-Medium.ttf");
}
@font-face {
  font-family: "peyda-regular";
  src: url("../../fonts/fonts/Peyda-Regular.ttf");
}
@font-face {
  font-family: "peyda-semibold";
  src: url("../../fonts/fonts/Peyda-SemiBold.ttf");
}
@font-face {
  font-family: "peyda-bold";
  src: url("../../fonts/fonts/Peyda-Bold.ttf");
}
.fw-r {
  font-family: "IRYekan-regular" !important;
}

.fw-m {
  font-family: "IRYekan-medium" !important;
}

.fw-b {
  font-family: "IRYekan-bold" !important;
}

.fw-eb {
  font-family: "IRYekan-extrabold" !important;
}

.fw-num {
  font-family: "IRYekan-fanum";
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.h-avilable {
  height: -webkit-fill-available !important;
}

.w-avilable {
  width: -webkit-fill-available;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
}

ol,
ul {
  padding: 0;
  list-style: none;
  margin: 0 !important;
}

p {
  margin: 0 !important;
}

body {
  direction: rtl;
  margin: 0;
  overflow-x: hidden;
  font-family: "IRYekan-regular";
}

.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.seperator {
  padding: 0 15px;
}

.seperator-2 {
  padding: 0 10px;
  color: #B9BDC1;
}

.btn-main-blue:hover {
  background-color: #0242A0 !important;
}

.swiper {
  width: 100%;
  height: 100%;
}

.mySwiper {
  width: 100%;
  padding-bottom: 80px;
  height: 347px;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 10;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  height: 281px !important;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

header {
  position: fixed;
  top: 0px;
  transition: 0.3s;
  z-index: 90;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  align-items: center;
  height: 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
  width: 100vw;
  color: #FFFFFF;
  transition: 0.3s;
}
@media screen and (max-width: 1280px) {
  header {
    padding: 0 41px;
  }
}
header.pad-big {
  padding: 0 156px;
}
@media screen and (max-width: 1280px) {
  header.pad-big {
    padding: 0 40px !important;
  }
}
header.pad-small {
  padding: 0 86px;
}
@media screen and (max-width: 1280px) {
  header.pad-small {
    padding: 0 40px;
  }
}
header.active {
  background-color: rgba(22, 36, 49, 0.82);
  z-index: 9999 !important;
}
header.active {
  background-color: rgba(22, 36, 49, 0.82);
  transition: 0.3s;
  backdrop-filter: blur(3px);
}
header .header-img-wrapper {
  width: 217px;
  height: auto;
}
header .header-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header nav {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  header nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0;
    flex-wrap: nowrap;
  }
}
header nav ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  gap: 40px;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  header nav ul {
    display: none;
  }
}
header nav ul li a {
  color: #FFFFFF !important;
  text-decoration: none;
}

main {
  min-height: 100vh;
}

.hamburger-menu {
  display: none;
}
@media screen and (max-width: 991px) {
  .hamburger-menu {
    display: inline-block;
  }
}

.offcanvas-menu {
  background-color: rgba(22, 36, 49, 0.82);
  color: #FFFFFF !important;
  padding-right: 41px;
  top: 80px !important;
  transition: 0.3s;
}
.offcanvas-menu ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: nowrap;
}
.offcanvas-menu a {
  text-decoration: none;
  color: #FFFFFF !important;
}

footer {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="302" height="212" viewBox="0 0 302 212" fill="none"><path d="M269.172 23.8781L263.367 1.33151C256.99 0.516577 250.571 0.445092 244.152 0.273526C235.845 0.0447718 225.322 -0.427034 217.159 1.01698C216.63 1.11706 215.843 1.14565 215.6 1.63175L210.939 23.8781C207.251 24.0354 203.619 24.5215 200.059 25.4222C199.344 25.6081 196.399 26.7232 196.056 26.5088L182.159 7.96539C167.333 12.5834 152.435 17.5588 138.867 25.1506L141.97 48.0975L127.473 58.034L107.314 46.1817C95.061 55.9323 84.1237 67.4272 73.9155 79.3224L85.6821 100.268C82.1078 103.141 79.8917 107.459 77.8615 111.491L54.3284 108.446C46.4793 122.028 40.2171 136.625 36.2568 151.852L53.7994 166.421L49.9821 183.62L92.4589 176.5C99.5646 153.496 110.073 131.593 125.643 113.149C166.718 64.5249 236.302 49.2127 295.521 71.7163C341.329 89.116 374.527 130.52 386.994 177.286L429.914 186.022L426.183 169.366L444.526 156.112C444.755 155.784 444.626 155.44 444.583 155.097C444.354 153.038 443.168 149.593 442.524 147.491C438.807 135.124 433.16 123.286 427.455 111.763L403.994 114.393C401.42 109.332 398.26 104.6 394.843 100.068L394.786 99.1955L405.752 80.2374C396.388 67.37 384.306 56.7472 372.54 46.1388L352.181 58.0483C348.778 55.1889 345.089 52.6869 341.072 50.771L344.103 27.2808C332.565 20.3753 319.741 15.0854 307.002 10.8105C306.058 10.496 300.211 8.46579 299.839 8.73743L287.343 27.2665C281.367 25.7796 275.348 24.4214 269.186 23.8781H269.172Z" fill="%23222F3B"/><path d="M0 209.466H133.364L133.721 208.866C135.809 182.301 145.502 155.523 164.717 136.708C181.531 120.238 205.15 110.001 228.497 107.199C250.8 104.511 279.352 111.831 298.324 123.712C327.619 142.041 343.961 175.396 345.891 209.48H480.827L373.699 187.963C365.592 156.366 349.351 126.214 323.559 105.74C284.799 74.9728 228.211 68.3389 183.118 88.8696C143.243 107.027 116.15 145.658 105.913 187.591L105.584 187.992L0 209.48V209.466Z" fill="%23222F3B"/><path d="M288.688 133.696H263.096V211.401H288.688V133.696Z" fill="%23222F3B"/><path d="M249.357 144.558H223.765V211.655H249.357V144.558Z" fill="%23222F3B"/><path d="M209.282 156.615H183.447V211.401H209.282V156.615Z" fill="%23222F3B"/><path d="M269.172 23.8751C275.334 24.4041 281.339 25.7766 287.33 27.2635L299.825 8.73441C300.183 8.47706 306.044 10.493 306.988 10.8075C319.741 15.0823 332.566 20.3866 344.089 27.2778L341.058 50.768C345.076 52.6838 348.764 55.1858 352.167 58.0452L372.526 46.1357C384.293 56.7585 396.374 67.3813 405.738 80.2344L394.773 99.1924L394.83 100.065C398.247 104.582 401.406 109.329 403.98 114.39L427.442 111.76C433.146 123.283 438.793 135.121 442.511 147.488C443.14 149.59 444.326 153.05 444.57 155.094C444.612 155.452 444.741 155.781 444.512 156.109L426.169 169.363L429.901 186.019L386.981 177.283C374.514 130.503 341.316 89.1129 295.508 71.7133C236.289 49.2239 166.705 64.5361 125.629 113.146C110.045 131.59 99.5366 153.493 92.4452 176.497L49.9684 183.617L53.7858 166.418L36.2432 151.849C40.2035 136.637 46.4656 122.025 54.3148 108.443L77.8478 111.488C79.878 107.456 82.0941 103.124 85.6684 100.265L73.9018 79.3194C84.11 67.4242 95.0473 55.9293 107.3 46.1786L127.459 58.0309L141.956 48.0944L138.854 25.1475C152.436 17.5557 167.334 12.5803 182.145 7.96236L196.042 26.5058C196.385 26.7059 199.331 25.5907 200.046 25.4192C203.62 24.5185 207.251 24.0181 210.926 23.8751L215.586 1.62873C215.83 1.12833 216.616 1.11403 217.145 1.01395C225.309 -0.444358 235.831 0.0274479 244.138 0.270499C250.557 0.456362 256.977 0.513551 263.353 1.32849L269.158 23.8751H269.172Z" fill="%23222F3B"/><path d="M0 209.467L105.584 187.978L105.913 187.578C116.15 145.644 143.243 107.013 183.118 88.8559C228.211 68.3253 284.799 74.9591 323.559 105.727C349.351 126.2 365.592 156.353 373.699 187.949L480.827 209.467H345.891C343.946 175.397 327.619 142.041 298.324 123.698C279.338 111.817 250.8 104.497 228.497 107.185C205.15 109.987 181.531 120.224 164.717 136.694C145.502 155.509 135.809 182.288 133.721 208.852L133.364 209.452H0V209.467Z" fill="%23222F3B"/><path d="M288.688 133.696H263.096V211.401H288.688V133.696Z" fill="%23222F3B"/><path d="M249.357 144.559H223.765V211.655H249.357V144.559Z" fill="%23222F3B"/><path d="M209.282 156.615H183.447V211.402H209.282V156.615Z" fill="%23222F3B"/></svg>') no-repeat, #162431;
  background-position: 100% 20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-wrap: nowrap;
  width: 100%;
}
footer .footer-container {
  width: 100%;
  position: relative;
  color: #FFFFFF;
  padding-right: 86px;
  padding-left: 86px;
  border-bottom: 1px solid #5B6B7A;
}
@media screen and (max-width: 1280px) {
  footer .footer-container {
    padding-right: 18px;
    padding-left: 18px;
  }
}
footer .footer-container::after {
  content: "";
  background-color: #5B6B7A;
  position: absolute;
  width: 100vw;
  right: 0;
  bottom: 85px;
  height: 1px;
}
@media screen and (max-width: 991px) {
  footer .footer-container::after {
    bottom: 240px;
  }
}
footer .footer-header {
  width: 100%;
  border-left: 1px solid #5B6B7A;
  border-right: 1px solid #5B6B7A;
  width: 100%;
  padding-bottom: 26px;
  padding-top: 66px;
}
footer .footer-header .footer-topbar {
  width: 100%;
  margin-bottom: 74px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  footer .footer-header .footer-topbar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 21px;
    flex-wrap: nowrap;
    margin-bottom: 48px;
  }
}
footer .footer-header .footer-topbar {
  width: 100%;
  padding: 0 30px;
}
footer .footer-header .footer-topbar h3 {
  line-height: 45px;
  font-family: "peyda-medium";
  font-size: 34px;
}
footer .footer-header .footer-topbar > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  footer .footer-header .footer-topbar > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 49px;
    flex-wrap: nowrap;
  }
}
footer .footer-header .footer-topbar > div a {
  text-decoration: none;
  width: 98px;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
  font-size: 14px;
}
footer .footer-header .footer-topbar > div a:hover {
  background-color: #0242A0;
}
footer .footer-header .footer-topbar > div p {
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #F5F5F5;
  line-height: 30px;
}
footer .footer-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  width: 100%;
  gap: 52px;
  padding: 0 30px;
  border-left: 1px solid #5B6B7A;
  border-right: 1px solid #5B6B7A;
  padding-bottom: 26px;
}
@media screen and (max-width: 991px) {
  footer .footer-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 66px;
    flex-wrap: nowrap;
    height: 203px;
  }
}
footer .footer-content ul {
  flex: 1;
}
@media screen and (max-width: 991px) {
  footer .footer-content ul {
    flex: unset !important;
    flex-wrap: wrap !important;
  }
}
footer .footer-content ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  position: relative;
  gap: 32px;
}
footer .footer-content ul li:first-of-type a::after {
  display: none;
}
footer .footer-content ul li a {
  text-decoration: none;
  color: #E1E1E1;
  position: relative;
  font-size: 14px;
  font-family: "IRYekan-medium";
}
footer .footer-content ul li a::after {
  content: "";
  position: absolute;
  top: 3px;
  height: 18px;
  width: 1px;
  right: -16px;
  background-color: #5B6B7A;
}

.footer-small {
  background-color: #162431;
  color: #FFFFFF;
  height: 58px;
  padding: 18px 86px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .footer-small {
    padding: 18px;
  }
}
@media screen and (max-width: 991px) {
  .footer-small {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
    height: 113px;
  }
}
.footer-small span {
  color: rgba(255, 255, 255, 0.57);
  font-size: 13px;
  font-family: "IRYekan-medium";
}
.footer-small span > a {
  color: rgba(255, 255, 255, 0.57);
}

.home-section {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #FFFFFF;
}
.home-section > video {
  position: absolute;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
@media screen and (max-width: 1280px) {
  .home-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media screen and (max-width: 991px) {
  .home-section {
    padding-right: 18px;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
.home-section .hero-section-wrapper {
  width: 100% !important;
  height: calc(100vh - 17px);
  border-right: 1px solid rgba(255, 255, 255, 0.34);
  overflow: hidden;
  border-left: 1px solid rgba(255, 255, 255, 0.34);
}
.home-section .hero-section-wrapper .hero-content {
  color: #FFFFFF;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  top: 200px;
  right: 46px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-content {
    right: 28px;
  }
}
.home-section .hero-section-wrapper .hero-content h2 {
  font-family: "peyda-semibold";
  font-size: 42px;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-content h2 {
    font-size: 36px;
    width: 50%;
    line-height: 50px;
  }
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-content p {
    font-size: 20px;
    width: 60%;
    line-height: 35px;
  }
}
.home-section .hero-section-wrapper .hero-content a {
  padding-top: 64px;
  cursor: pointer !important;
  color: #FFFFFF !important;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.home-section .hero-section-wrapper .hero-counter {
  position: absolute;
  right: 0;
  width: 100vw;
  border-top: 1px solid rgba(255, 255, 255, 0.34);
  border-bottom: 1px solid rgba(255, 255, 255, 0.34);
  bottom: 15vh;
  height: 146px;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter {
    bottom: 6vh;
    height: 250px;
  }
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience > P,
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project > P {
  font-family: "IRYekan-fanum";
  direction: ltr;
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience span,
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project span {
  font-size: 20px;
  font-family: "IRYekan-medium";
  color: #B9BDC1;
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper {
  position: absolute;
  right: 132px;
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper {
    position: static;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 46px;
  }
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience,
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 9px;
  flex-wrap: nowrap;
  padding-bottom: 10px;
  width: 427px;
  font-size: 38px;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience,
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project {
    font-size: 32px;
    width: unset !important;
  }
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience span,
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project span {
    font-size: 16px;
  }
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience {
  border-left: 1px solid rgba(255, 255, 255, 0.34);
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-experience {
    border-left: 0;
    width: 100vw !important;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
    right: -45px;
    padding-right: 50px;
  }
}
.home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project {
  padding-right: 25px;
}
@media screen and (max-width: 991px) {
  .home-section .hero-section-wrapper .hero-counter .counter-wrapper .counter-successfull-project {
    padding-right: 0;
  }
}

.about-section {
  padding: 56px 86px 81px;
}
@media screen and (max-width: 1280px) {
  .about-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.about-section {
  display: grid;
  grid-template-columns: 1fr 372px;
  grid-template-rows: none;
  gap: 90px;
  align-items: Center;
}
@media screen and (max-width: 991px) {
  .about-section {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 64px;
    align-items: flex-start;
    padding: 64px 0;
  }
}
.about-section .about-content {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 46px;
  flex-wrap: nowrap;
  height: -moz-max-content !important;
  height: max-content !important;
}
@media screen and (max-width: 1280px) {
  .about-section .about-content {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .about-section .about-content {
    padding: 0 18px;
    gap: 25px;
  }
}
.about-section .about-content h3 {
  font-size: 28px;
  color: #162431;
  font-family: "peyda-semibold";
  flex-shrink: 0 !important;
  padding-top: 10px;
}
.about-section .about-content > p {
  line-height: 40px;
  font-size: 18px;
  color: #5B6B7A;
  font-family: "IRYekan-medium";
}
.about-section img {
  height: auto;
  width: 100%;
  height: 437px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .about-section img {
    width: 100%;
    height: 461px;
  }
}

.info-section {
  background-color: #162431;
  width: 100vw;
  padding: 86px;
  color: #FFFFFF;
}
@media screen and (max-width: 1280px) {
  .info-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.info-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 0;
  align-items: flex-start;
}
.info-section .info-card {
  height: 174px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0;
  flex-wrap: nowrap;
  padding-top: 7px;
  padding-bottom: 24px;
  position: relative;
}
.info-section .info-card:first-child::after {
  display: none;
}
.info-section .info-card::after {
  content: "";
  position: absolute;
  right: -54px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #45505A;
}
.info-section .info-card > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 11px;
  flex-wrap: nowrap;
}
.info-section .info-card > div > h4 {
  font-size: 18px;
  font-family: "peyda-bold";
}
.info-section .info-card > div > p {
  color: #B9BDC1;
  font-family: "IRYekan-medium";
}

@media screen and (max-width: 991px) {
  .slider-section .mySwiper {
    height: 532px;
  }
}
.slider-section {
  padding: 119px 86px 118px;
}
@media screen and (max-width: 1280px) {
  .slider-section {
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 85px;
  }
}
@media screen and (max-width: 991px) {
  .slider-section {
    padding-top: 15px;
  }
}
.slider-section .slider-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 66px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .slider-section .slider-wrapper {
    gap: 50px;
  }
}
.slider-section .slider-wrapper .slider-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .slider-section .slider-wrapper .slider-content {
    gap: 11px;
  }
}
.slider-section .slider-wrapper .slider-content > h3 {
  color: #162431;
  font-size: 28px;
  font-family: "peyda-semibold";
}
@media screen and (max-width: 991px) {
  .slider-section .slider-wrapper .slider-content > h3 {
    font-size: 26px;
  }
}
.slider-section .slider-wrapper .slider-content > p {
  font-size: 20px;
  font-family: "IRYekan-medium";
  color: #5B6B7A;
}
@media screen and (max-width: 991px) {
  .slider-section .slider-wrapper .slider-content > p {
    font-size: 16px;
  }
}
.slider-section .swiper {
  z-index: -1;
}
.slider-section .swiper-slide {
  border: 1px solid #E1E1E1;
  background-color: #F5F5F5;
}
@media screen and (max-width: 991px) {
  .slider-section .swiper-slide {
    height: 484px !important;
  }
}
.slider-section .swiper-slide .slider-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 80px;
  flex-wrap: nowrap;
  height: 100%;
}
@media screen and (max-width: 991px) {
  .slider-section .swiper-slide .slider-card {
    flex-direction: column;
    gap: 34px;
  }
}
.slider-section .swiper-slide .slider-card > div {
  width: 50%;
}
@media screen and (max-width: 991px) {
  .slider-section .swiper-slide .slider-card > div {
    width: 100%;
    padding: 23px 28px;
    padding-top: 0;
  }
}
.slider-section .swiper-slide .slider-card > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
}
.slider-section .swiper-slide .slider-card > div h4 {
  font-size: 22px;
  font-family: "peyda-semibold";
  color: #162431;
}
.slider-section .swiper-slide .slider-card > div p {
  font-family: "IRYekan-medium";
  color: #45505A;
  font-size: 18px;
  line-height: 30px;
}
.slider-section .swiper-slide .slider-card img {
  width: 483px;
}
@media screen and (max-width: 991px) {
  .slider-section .swiper-slide .slider-card img {
    width: 100%;
    height: 242px !important;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.swiper-pagination-bullet {
  border-radius: 0 !important;
  margin: 0 10px !important;
}

.info-section2 {
  width: 100vw;
  background-color: #162431;
  padding: 100px 86px 91px;
}
@media screen and (max-width: 1280px) {
  .info-section2 {
    padding-right: 18px;
    padding-left: 18px;
  }
}
@media screen and (max-width: 991px) {
  .info-section2 {
    padding-top: 64px;
    padding-bottom: 67px;
  }
}
.info-section2 {
  color: #FFFFFF;
}
.info-section2 h2 {
  font-size: 28px;
  font-family: "peyda-semibold";
  margin-bottom: 7px !important;
}
@media screen and (max-width: 991px) {
  .info-section2 h2 {
    font-size: 20px;
    margin-bottom: 21px !important;
  }
}
.info-section2 p {
  color: #B9BDC1;
  font-size: 20px;
  font-family: "IRYekan-regular";
}
@media screen and (max-width: 991px) {
  .info-section2 p {
    font-size: 16px;
  }
}
.info-section2 .info2-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 0;
  align-items: flex-start;
  margin-top: 90px;
}
@media screen and (max-width: 991px) {
  .info-section2 .info2-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 0;
    align-items: flex-start;
    margin-top: 51px;
  }
}
.info-section2 .info2-wrapper > .info2-card {
  text-decoration: none;
  color: #FFFFFF !important;
  background-color: #222F3B;
  border: 1px solid #5B6B7A;
  padding: 40px 33px 38px 42px;
  height: 220px;
  position: relative;
  transition: 1.5s;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1280px) {
  .info-section2 .info2-wrapper > .info2-card {
    height: 284px;
  }
}
@media screen and (max-width: 991px) {
  .info-section2 .info2-wrapper > .info2-card {
    height: 230px;
    margin-bottom: 20px;
    border: 0;
  }
}
.info-section2 .info2-wrapper > .info2-card::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 2px;
  width: 0%;
  background-color: #035DE2;
  transition: 1.5s;
}
.info-section2 .info2-wrapper > .info2-card svg {
  transition: 1.5s;
}
.info-section2 .info2-wrapper > .info2-card:hover {
  background-color: #45505A;
  transition: 1.5s;
}
.info-section2 .info2-wrapper > .info2-card:hover::after {
  width: 100%;
  transition: 1.5s;
}
.info-section2 .info2-wrapper > .info2-card:hover svg {
  transition: 1.5s;
  transform: rotate(-45deg);
}
.info-section2 .info2-wrapper > .info2-card > h4 {
  font-size: 20px;
  font-family: "peyda-semibold";
}
@media screen and (max-width: 991px) {
  .info-section2 .info2-wrapper > .info2-card > h4 {
    font-size: 18px;
  }
}
.info-section2 .info2-wrapper > .info2-card > p {
  font-size: 16px;
  font-family: "IRYekan-medium";
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
}
.info-section2 .info2-wrapper > .info2-card > span {
  position: absolute;
  left: 15px;
  top: 15px;
  background-color: #5B6B7A;
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}

.step-section-mobile .step-card, .step-section .content-step .step-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 28px;
  flex-wrap: nowrap;
  height: 89px;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .step-card, .step-section .content-step .step-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    flex-wrap: nowrap;
    border: 1px solid #E1E1E1;
    padding: 18px 19px;
    height: 215px;
  }
}
.step-section-mobile .step-card > h5, .step-section .content-step .step-card > h5 {
  font-size: 22px;
  font-family: "IRYekan-semibold";
  color: #162431;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .step-card > h5, .step-section .content-step .step-card > h5 {
    padding-right: 30px;
  }
}
.step-section-mobile .step-card > span, .step-section .content-step .step-card > span {
  background-color: #FFFFFF !important;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 98px;
  border-radius: 50%;
  flex-shrink: 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  animation: animShowHide 3s infinite alternate;
  margin-top: 5px;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .step-card > span, .step-section .content-step .step-card > span {
    right: 22px;
  }
}
.step-section-mobile .step-card > span::before, .step-section .content-step .step-card > span::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #035DE2;
  border-radius: 50%;
  z-index: 10;
}
.step-section-mobile .step-card > div, .step-section .content-step .step-card > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  flex-wrap: nowrap;
  padding-right: 40px;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .step-card > div, .step-section .content-step .step-card > div {
    padding-right: 0;
    margin-top: 24px;
  }
}
.step-section-mobile .step-card > div > h6, .step-section .content-step .step-card > div > h6 {
  font-size: 20px;
  font-family: "peyda-semibold";
  color: #162431;
}
.step-section-mobile .step-card > div > p, .step-section .content-step .step-card > div > p {
  font-size: 18px;
  color: #5B6B7A;
  font-family: "IRYekan-regular";
}

.step-section-mobile .header-step, .step-section .header-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.step-section-mobile .header-step h2, .step-section .header-step h2 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .header-step h2, .step-section .header-step h2 {
    font-size: 26px;
  }
}
.step-section-mobile .header-step p, .step-section .header-step p {
  font-family: "IRYekan-medium";
  font-size: 20px;
  color: #5B6B7A;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .header-step p, .step-section .header-step p {
    font-size: 16px;
    margin-bottom: 43px !important;
  }
}

.step-section {
  padding: 124px 86px 78px;
  padding-left: 99px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 203px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1280px) {
  .step-section {
    padding-right: 18px;
    padding-left: 18px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 100px;
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 991px) {
  .step-section {
    display: none;
  }
}
.step-section .content-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 42px;
  flex-wrap: nowrap;
  padding-bottom: 80px;
  position: relative;
}
.step-section .content-step::after {
  content: "";
  position: absolute;
  background-color: #E1E1E1;
  height: 100%;
  width: 1px;
  right: 104px;
}
.step-section-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .step-section-mobile {
    display: block;
  }
}
.step-section-mobile {
  margin-top: 35px;
  padding: 0 18px;
}
@media screen and (max-width: 991px) {
  .step-section-mobile .mySwiper {
    height: 268px !important;
  }
}

@keyframes animShowHide {
  0% {
    box-shadow: 0 0px 1px 5px rgba(3, 93, 226, 0.17);
  }
  100% {
    box-shadow: 0 0px 1px 0px rgba(3, 93, 226, 0.17);
  }
}
.project-list-page .project-list-wrapper .project-card, .project-list-section-mobile .project-card, .project-list-section .project-cards .project-card {
  border: 1px solid #E1E1E1;
}
.project-list-page .project-list-wrapper .project-card .section-img, .project-list-section-mobile .project-card .section-img, .project-list-section .project-cards .project-card .section-img {
  width: 100%;
  height: 184px;
}
.project-list-page .project-list-wrapper .project-card .section-img img, .project-list-section-mobile .project-card .section-img img, .project-list-section .project-cards .project-card .section-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-list-page .project-list-wrapper .project-card .project-card-content, .project-list-section-mobile .project-card .project-card-content, .project-list-section .project-cards .project-card .project-card-content {
  padding: 16px 21px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 7px;
  flex-wrap: nowrap;
}
.project-list-page .project-list-wrapper .project-card .project-card-content span, .project-list-section-mobile .project-card .project-card-content span, .project-list-section .project-cards .project-card .project-card-content span {
  color: #035DE2;
  font-size: 14px;
  font-family: "IRYekan-medium";
}
.project-list-page .project-list-wrapper .project-card .project-card-content h6, .project-list-section-mobile .project-card .project-card-content h6, .project-list-section .project-cards .project-card .project-card-content h6 {
  font-size: 18px;
  font-family: "peyda-medium";
  color: #162431;
}
.project-list-page .project-list-wrapper .project-card .project-card-content p, .project-list-section-mobile .project-card .project-card-content p, .project-list-section .project-cards .project-card .project-card-content p {
  color: #5B6B7A;
  font-size: 16px;
  font-family: "IRYekan-medium";
}
.project-list-page .project-list-wrapper .project-card .project-card-content a, .project-list-section-mobile .project-card .project-card-content a, .project-list-section .project-cards .project-card .project-card-content a {
  text-decoration: none;
  width: 100%;
  color: #FFFFFF;
  background-color: #035DE2;
  font-size: 14px;
  font-family: "IRYekan-medium";
  padding: 13px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  margin-top: 9px;
  cursor: pointer;
}

.project-list-section {
  padding: 105px 86px;
}
@media screen and (max-width: 1280px) {
  .project-list-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.project-list-section {
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 42px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .project-list-section {
    display: none;
  }
}
.project-list-section .project-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 25px;
  align-items: flex-start;
  width: 100%;
}
.project-list-section-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .project-list-section-mobile {
    display: block;
  }
}
.project-list-section-mobile {
  padding: 0 18px;
  padding-top: 43px;
}
.project-list-section-mobile .swiper-slide {
  height: 420px !important;
}
.project-list-section-mobile .project-section-header a {
  display: none;
}

.image-gallery-section {
  padding: 125px 86px;
}
@media screen and (max-width: 1280px) {
  .image-gallery-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.image-gallery-section {
  padding-top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 45px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .image-gallery-section {
    padding-right: 18px;
    padding-left: 18px;
    display: none;
  }
}
.image-gallery-section .gal-wrapper {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-template-rows: none;
  gap: 19px;
  align-items: flex-start;
  width: 100%;
  height: 437px;
}
@media screen and (max-width: 1280px) {
  .image-gallery-section .gal-wrapper {
    grid-template-columns: 1fr;
    height: -moz-max-content;
    height: max-content;
  }
}
.image-gallery-section .gal-wrapper .gal-small-sec {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: none;
  gap: 19px;
  align-items: flex-start;
}
.image-gallery-section .gal-wrapper .gal-small-sec > div {
  height: 100%;
  height: 437px;
  position: relative;
}
.image-gallery-section .gal-wrapper .gal-small-sec > div a {
  width: 100%;
  height: 100%;
}
.image-gallery-section .gal-wrapper .gal-small-sec > div a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-gallery-section .gal-wrapper .gal-small-sec > div > p {
  position: absolute;
  width: 100%;
  bottom: 24px;
  height: 62px;
  background-color: rgba(1, 17, 33, 0.42);
  color: #FFFFFF;
  backdrop-filter: blur(4px);
  font-size: 19px;
  font-family: "peyda-semibold";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
.image-gallery-section .gal-wrapper .gal-big-sec {
  width: 100%;
  position: relative;
  height: 100%;
  height: 437px;
}
.image-gallery-section .gal-wrapper .gal-big-sec > p {
  position: absolute;
  width: 100%;
  bottom: 24px;
  height: 62px;
  background-color: rgba(1, 17, 33, 0.42);
  color: #FFFFFF;
  backdrop-filter: blur(4px);
  font-size: 19px;
  font-family: "peyda-semibold";
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  padding-right: 34px;
}
.image-gallery-section .gal-wrapper .gal-big-sec > a {
  width: 100%;
  height: 100%;
}
.image-gallery-section .gal-wrapper .gal-big-sec > a > img {
  width: 100%;
  height: 100%;
}

.image-gallery-mobile {
  display: none;
  padding: 0 18px;
}
@media screen and (max-width: 991px) {
  .image-gallery-mobile {
    display: block;
  }
}
.image-gallery-mobile .swiper-slide {
  height: 340px !important;
}
.image-gallery-mobile .swiper-slide > div {
  height: 281px;
  position: relative;
}
.image-gallery-mobile .swiper-slide > div a {
  width: 100%;
  height: 100%;
}
.image-gallery-mobile .swiper-slide > div a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-gallery-mobile .swiper-slide > div > p {
  position: absolute;
  width: 100%;
  bottom: 24px;
  height: 62px;
  background-color: rgba(1, 17, 33, 0.42);
  color: #FFFFFF;
  backdrop-filter: blur(px);
  font-size: 13px;
  font-family: "peyda-semibold";
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  padding-right: 51px;
}

.certificates-pages .certificates-wrapper .certificate-card, .certificate-section-mobile .certificate-card, .certificate-section .cerificate-wrapper .certificate-card {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 25px;
  flex-wrap: nowrap;
  padding: 18px 22px;
  padding-bottom: 27px;
  border: 1px solid #E1E1E1;
}
.certificates-pages .certificates-wrapper .certificate-card > a, .certificate-section-mobile .certificate-card > a, .certificate-section .cerificate-wrapper .certificate-card > a {
  width: 100%;
  height: 222px;
}
.certificates-pages .certificates-wrapper .certificate-card > a img, .certificate-section-mobile .certificate-card > a img, .certificate-section .cerificate-wrapper .certificate-card > a img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.certificates-pages .certificates-wrapper .certificate-card span, .certificate-section-mobile .certificate-card span, .certificate-section .cerificate-wrapper .certificate-card span {
  font-size: 18px;
  font-family: "peyda-semibold";
  color-interpolation-filters: #162431;
}

.certificate-section {
  padding: 86px;
}
@media screen and (max-width: 1280px) {
  .certificate-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.certificate-section {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .certificate-section {
    display: none;
  }
}
.certificate-section > p {
  width: 80%;
  color: #5B6B7A;
  font-size: 18px;
  font-family: "IRYekan-medium";
}
@media screen and (max-width: 991px) {
  .certificate-section > p {
    font-size: 16px;
  }
}
.certificate-section .cerificate-wrapper {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 25px;
  align-items: flex-start;
  width: 100%;
}
.certificate-section-mobile .btn-more-mobile {
  background-color: white;
  margin-bottom: 0;
}
.certificate-section-mobile {
  padding: 32px 18px !important;
  padding-bottom: 28px;
  display: none;
  background-color: #F5F5F5;
}
.certificate-section-mobile .swiper-slide {
  height: 380px !important;
}
@media screen and (max-width: 991px) {
  .certificate-section-mobile {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .certificate-section-mobile .project-section-header {
    margin-bottom: 40px;
  }
  .certificate-section-mobile .project-section-header h3 {
    margin-bottom: 0 !important;
  }
  .certificate-section-mobile .project-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 13px !important;
  }
}
.article-list-page .article-sec-wrapper .article-card, .article-section-mobile .article-card, .article-section .articles-wrapper .article-card {
  padding: 26px;
  border: 1px solid #E1E1E1;
}
.article-list-page .article-sec-wrapper .article-card span, .article-section-mobile .article-card span, .article-section .articles-wrapper .article-card span {
  color: #45505A;
  font-family: "IRYekan-medium-fanum";
  font-size: 14px;
}
.article-list-page .article-sec-wrapper .article-card h3, .article-section-mobile .article-card h3, .article-section .articles-wrapper .article-card h3 {
  margin-top: 16px !important;
  color: #162431;
  font-family: "peyda-semibold";
  font-size: 20px;
}
@media screen and (max-width: 991px) {
  .article-list-page .article-sec-wrapper .article-card h3, .article-section-mobile .article-card h3, .article-section .articles-wrapper .article-card h3 {
    font-size: 18px;
  }
}
.article-list-page .article-sec-wrapper .article-card p, .article-section-mobile .article-card p, .article-section .articles-wrapper .article-card p {
  margin-top: 16px !important;
  margin-bottom: 13px !important;
  font-size: 18px;
  font-family: "IRYekan-medium";
  color: #45505A;
}
@media screen and (max-width: 991px) {
  .article-list-page .article-sec-wrapper .article-card p, .article-section-mobile .article-card p, .article-section .articles-wrapper .article-card p {
    font-size: 16px;
  }
}
.article-list-page .article-sec-wrapper .article-card .article-link, .article-section-mobile .article-card .article-link, .article-section .articles-wrapper .article-card .article-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: Center;
  gap: 0;
  flex-wrap: nowrap;
}
.article-list-page .article-sec-wrapper .article-card .article-link a, .article-section-mobile .article-card .article-link a, .article-section .articles-wrapper .article-card .article-link a {
  color: #035DE2;
  font-size: 16px;
  font-family: "IRYekan-bold";
  text-decoration: none;
  cursor: pointer;
}
.article-list-page .article-sec-wrapper .article-card .article-link a svg, .article-section-mobile .article-card .article-link a svg, .article-section .articles-wrapper .article-card .article-link a svg {
  padding-top: -2px;
}

.article-section {
  padding: 125px 86px 161px;
}
@media screen and (max-width: 1280px) {
  .article-section {
    padding-right: 18px;
    padding-left: 18px;
  }
}
.article-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 36px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .article-section {
    display: none;
  }
}
.article-section .articles-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 25px;
  align-items: flex-start;
  width: 100%;
}
.article-section-mobile .mySwipermobile {
  padding-bottom: 80px;
}
.article-section-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .article-section-mobile {
    display: block;
  }
}
.article-section-mobile {
  padding: 0 18px;
  padding-top: 60px;
}
.article-section-mobile h3 {
  font-size: 28px;
}
.contactus-section {
  margin-top: 80px;
  padding: 70px 86px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: none;
  gap: 28px;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .contactus-section {
    grid-template-columns: 1fr;
    padding: 42px 40px;
  }
}
.contactus-section form,
.contactus-section .right-sec {
  border: 1px solid #E1E1E1;
  min-height: 622px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1360px) {
  .contactus-section form,
  .contactus-section .right-sec {
    padding: 28px 20px !important;
  }
}
@media screen and (max-width: 1280px) {
  .contactus-section form,
  .contactus-section .right-sec {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
}
.contactus-section form label,
.contactus-section .right-sec label {
  color: #162431;
  font-family: "IRYekan-medium";
  font-size: 14px;
  padding-bottom: 8px;
  text-align: right;
}
.contactus-section form input,
.contactus-section form textarea,
.contactus-section .right-sec input,
.contactus-section .right-sec textarea {
  background-color: #FFFFFF;
  border: 1px solid #E1E1E1;
  padding: 11px 17px;
  width: 100%;
  outline: 0;
}
.contactus-section form input:focus,
.contactus-section form textarea:focus,
.contactus-section .right-sec input:focus,
.contactus-section .right-sec textarea:focus {
  border: 1px solid #B9BDC1;
}
.contactus-section form input::-moz-placeholder, .contactus-section form textarea::-moz-placeholder, .contactus-section .right-sec input::-moz-placeholder, .contactus-section .right-sec textarea::-moz-placeholder {
  color: #B9BDC1;
  font-family: "IRYekan-medium";
  font-size: 14px;
}
.contactus-section form input::placeholder,
.contactus-section form textarea::placeholder,
.contactus-section .right-sec input::placeholder,
.contactus-section .right-sec textarea::placeholder {
  color: #B9BDC1;
  font-family: "IRYekan-medium";
  font-size: 14px;
}
.contactus-section form input,
.contactus-section .right-sec input {
  height: 46px;
}
.contactus-section form textarea,
.contactus-section .right-sec textarea {
  min-height: 125px;
  width: 100%;
}
.contactus-section form {
  background-color: #F5F5F5;
  padding: 45px 27px;
  padding-bottom: 38px;
}
.contactus-section form h2 {
  font-size: 24px;
  color: #162431;
  font-family: "peyda-semibold";
  margin-bottom: 47px !important;
}
.contactus-section form .form-inputs-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: none;
  gap: 0;
  align-items: flex-start;
  -moz-column-gap: 23px;
       column-gap: 23px;
  row-gap: 34px !important;
}
@media screen and (max-width: 991px) {
  .contactus-section form .form-inputs-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 0;
    align-items: flex-start;
  }
}
.contactus-section form .form-labels {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-wrap: nowrap;
  width: 100% !important;
}
.contactus-section form .form-labels .file-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}
.contactus-section form .form-labels .file-wrapper label {
  background-color: #FFFFFF;
  width: 112px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  color: #162431;
  font-size: 16px;
  font-family: "IRYekan-regular";
  padding: 9px 24px;
  border: 1px solid #E1E1E1;
  cursor: pointer;
}
.contactus-section form .form-labels .file-wrapper label span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
}
.contactus-section form .form-labels .file-wrapper .file-name {
  font-size: 12px;
  font-family: "IRYekan-medium";
  color: #162431;
}
.contactus-section form button {
  border: 0;
  width: 100%;
  padding: 10px 0;
  margin-top: 41px;
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #FFFFFF;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .contactus-section form button {
    margin-top: 34px;
  }
}
.contactus-section .right-sec {
  padding: 46px 45px;
  padding-left: 70px;
}
.contactus-section .right-sec h3 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 991px) {
  .contactus-section .right-sec h3 {
    font-size: 24px;
  }
}
.contactus-section .right-sec p {
  margin-bottom: 30px !important;
  font-size: 18px;
  color: #5B6B7A;
  font-family: "IRYekan-medium";
}
@media screen and (max-width: 991px) {
  .contactus-section .right-sec p {
    font-size: 16px;
  }
}
.contactus-section .right-sec .social-media-sec {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 35px;
  flex-wrap: nowrap;
}
.contactus-section .right-sec .social-media-sec a {
  font-size: 15px;
  font-family: "IRYekan-medium";
  color: #222F3B;
  text-decoration: none;
}
.contactus-section .right-sec .social-media-sec a:first-child {
  position: relative;
}
.contactus-section .right-sec .social-media-sec a:first-child::after {
  content: "";
  position: absolute;
  left: -20px;
  background-color: #5B6B7A;
  height: 14px;
  width: 2px;
}
.contactus-section .right-sec .social-media-sec a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
}
.contactus-section .right-sec .contact-informatio {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  flex-wrap: nowrap;
}
.contactus-section .right-sec .contact-informatio > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
.contactus-section .right-sec .contact-informatio .svg-wrapper {
  background-color: #F5F5F5;
  width: 38px;
  height: 38px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.contactus-section .right-sec .contact-informatio a {
  font-size: 18px;
  font-family: "IRYekan-regular";
  color: #162431;
  text-decoration: none;
}
.contactus-section .right-sec .contact-informatio a.gmail-text {
  font-size: 18px;
}
@media screen and (max-width: 991px) {
  .contactus-section .right-sec .contact-informatio a.gmail-text {
    font-size: 15px;
  }
}
.contactus-section .right-sec .contact-informatio a.phone-text {
  font-size: 15px;
  direction: ltr;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .contactus-section .right-sec .contact-informatio a.phone-text {
    font-size: 14px;
  }
}
.contactus-section .right-sec .contact-informatio address {
  font-size: 18px;
  margin: 0 !important;
  font-family: "IRYekan-medium";
  color: #162431;
}
@media screen and (max-width: 991px) {
  .contactus-section .right-sec .contact-informatio address {
    font-size: 14px;
  }
}

.machine-design {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  flex-wrap: nowrap;
  margin-top: 80px;
  padding: 64px 86px;
}
@media screen and (max-width: 1280px) {
  .machine-design {
    padding: 40px;
  }
}
.machine-design h3 {
  font-size: 18px;
  font-family: "peyda-semibold";
  color: black;
}
.machine-design P {
  font-size: 16px;
  font-family: "IRYekan-regular";
  color: rgba(0, 0, 0, 0.67);
  margin-bottom: 10px !important;
}
.machine-design .machine-card {
  padding: 21px;
  background-color: #F5F5F5;
  border: 1px solid #E1E1E1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  flex-wrap: nowrap;
}
@media screen and (max-width: 991px) {
  .machine-design .machine-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
    padding: 15px;
  }
}
.machine-design .machine-card img {
  height: 100%;
  width: 271px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .machine-design .machine-card img {
    width: 100%;
  }
}
.machine-design .machine-card > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 13px;
  flex-wrap: nowrap;
  height: 100%;
  flex: 1;
}
.machine-design .machine-card > div h4 {
  font-size: 16px;
  font-family: "peyda-semibold";
  color: #162431;
}
.machine-design .machine-card > div p {
  line-height: 25px;
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #545454;
}
@media screen and (max-width: 991px) {
  .machine-design .machine-card > div p {
    font-size: 14px;
  }
}

.project-list-page {
  padding: 55px 86px;
  padding-bottom: 130px;
  margin-top: 80px;
}
@media screen and (max-width: 1280px) {
  .project-list-page {
    padding: 40px;
  }
}
.project-list-page h2 {
  margin-bottom: 40px !important;
  font-size: 28px;
  color: #162431;
  font-family: "peyda-semibold";
}
@media screen and (max-width: 991px) {
  .project-list-page h2 {
    font-size: 26px;
  }
}
.project-list-page .project-list-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 0;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .project-list-page .project-list-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    gap: 0;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .project-list-page .project-list-wrapper {
    grid-template-columns: 1fr;
  }
}
.project-list-page .project-list-wrapper {
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 37px;
}
.project-list-page .pagination-section {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: Center;
  gap: 15px;
  flex-wrap: nowrap;
  margin-top: 71px;
}
@media screen and (max-width: 991px) {
  .project-list-page .pagination-section {
    margin-top: 50px;
  }
}
.project-list-page .pagination-section .prev-page,
.project-list-page .pagination-section .next-page {
  width: 108px;
  border: 1px solid #E1E1E1;
  height: 54px;
  color: #5B6B7A;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 33px;
  flex-wrap: nowrap;
  font-size: 20px;
  padding: 0 15px;
}
.project-list-page .pagination-section .prev-page svg {
  transform: rotate(180deg);
}
.project-list-page .pagination-section .next-page {
  flex-direction: row-reverse !important;
}
.project-list-page .pagination-section .page-item {
  width: 54px;
  height: 54px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  border: 1px solid #E1E1E1;
  color: #B9BDC1;
  background-color: transparent;
  font-size: 24px;
  font-family: "IRYekan-fanum";
  padding: 0;
}
.project-list-page .pagination-section .page-item.active {
  background-color: #222F3B;
  color: #FFFFFF;
}

.poject-details-section {
  margin-top: 80px;
  padding: 62px 86px;
}
@media screen and (max-width: 1280px) {
  .poject-details-section {
    padding: 40px;
  }
}
.poject-details-section .increase-count {
  display: block;
  color: #035DE2;
  font-size: 14px;
  font-family: "IRYekan-medium";
  margin-bottom: 12px !important;
}
.poject-details-section h2 {
  font-size: 28px;
  color: #222F3B;
  font-family: "peyda-medium";
  margin-bottom: 12px !important;
}
@media screen and (max-width: 991px) {
  .poject-details-section h2 {
    font-size: 26px;
  }
}
.poject-details-section p {
  font-size: 16px;
  color: #5B6B7A;
  font-family: "IRYekan-medium";
  margin-bottom: 47px !important;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  .poject-details-section p {
    font-size: 14px;
    margin-bottom: 30px !important;
  }
}
.poject-details-section img {
  width: 400px;
  height: 184px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 57px;
}
@media screen and (max-width: 767px) {
  .poject-details-section img {
    width: 100%;
    margin-bottom: 30px;
  }
}

.gallery-page {
  margin-top: 80px;
  padding: 55px 86px;
}
@media screen and (max-width: 1280px) {
  .gallery-page {
    padding: 40px;
  }
}
.gallery-page h2 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
  margin-bottom: 31px !important;
}
@media screen and (max-width: 991px) {
  .gallery-page h2 {
    font-size: 26px;
  }
}
.gallery-page .gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 25px;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .gallery-page .gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    gap: 25px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .gallery-page .gallery-wrapper {
    grid-template-columns: 1fr;
  }
}
.gallery-page .gallery-wrapper .gal-big-sec {
  width: 100%;
  position: relative;
  height: 100%;
  height: 261px;
  cursor: pointer;
}
.gallery-page .gallery-wrapper .gal-big-sec > p {
  position: absolute;
  width: 100%;
  bottom: 40px;
  height: 62px;
  background-color: rgba(1, 17, 33, 0.42);
  color: #FFFFFF;
  backdrop-filter: blur(2px);
  font-size: 15px;
  font-family: "peyda-semibold";
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  padding-right: 34px;
}
.gallery-page .gallery-wrapper .gal-big-sec > a {
  width: 100%;
  height: 100%;
}
.gallery-page .gallery-wrapper .gal-big-sec > a > img {
  width: 100%;
  height: 100%;
}

.article-list-page {
  margin-top: 80px;
  padding: 55px 86px;
}
@media screen and (max-width: 1280px) {
  .article-list-page {
    padding: 40px;
  }
}
.article-list-page h2 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 991px) {
  .article-list-page h2 {
    font-size: 26px;
  }
}
.article-list-page .article-sec-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 25px;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .article-list-page .article-sec-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    gap: 25px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .article-list-page .article-sec-wrapper {
    grid-template-columns: 1fr;
  }
}
.article-details-section {
  margin-top: 80px;
  padding: 61px 86px;
}
@media screen and (max-width: 1280px) {
  .article-details-section {
    padding: 40px;
  }
}
.article-details-section .social-media-wrapper {
  color: #45505A;
  font-size: 14px;
  font-family: "IRYekan-medium";
}
.article-details-section .social-media-wrapper a {
  text-decoration: none !important;
}
.article-details-section .article-date {
  color: #45505A;
  font-size: 14px;
  font-family: "IRYekan-fanum";
  display: block;
  margin-bottom: 10px !important;
}
.article-details-section h2 {
  font-size: 28px;
  color: #162431;
  font-family: "peyda-semibold";
  margin-bottom: 10px !important;
}
@media screen and (max-width: 991px) {
  .article-details-section h2 {
    font-size: 26px;
  }
}
.article-details-section p {
  margin-top: 12px !important;
  font-size: 16px !important;
  color: #45505A !important;
  font-family: "IRYekan-medium" !important;
  line-height: 28px;
}
@media screen and (max-width: 991px) {
  .article-details-section p {
    font-size: 14px !important;
  }
}
.article-details-section img {
  width: 406px;
  height: 184px;
}
@media screen and (max-width: 991px) {
  .article-details-section img {
    width: 100%;
    height: 100%;
  }
}

.certificates-pages {
  margin-top: 80px;
  padding: 69px 86px;
}
@media screen and (max-width: 1280px) {
  .certificates-pages {
    padding: 40px;
  }
}
.certificates-pages h2 {
  font-size: 28px;
  color: #162431;
  font-family: "peyda-semibold";
}
@media screen and (max-width: 991px) {
  .certificates-pages h2 {
    font-size: 26px;
  }
}
.certificates-pages p {
  width: 90%;
  color: #5B6B7A;
  font-size: 18px;
  font-family: "IRYekan-medium";
  margin-top: 10px !important;
  margin-bottom: 51px !important;
}
@media screen and (max-width: 1280px) {
  .certificates-pages p {
    width: 100%;
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 991px) {
  .certificates-pages p {
    font-size: 16px;
  }
}
.certificates-pages .certificates-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: none;
  gap: 0;
  align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .certificates-pages .certificates-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    gap: 0;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .certificates-pages .certificates-wrapper {
    grid-template-columns: 1fr;
  }
}
.certificates-pages .certificates-wrapper {
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 15px;
}/*# sourceMappingURL=base.css.map */