@charset "UTF-8";
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-Light.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-Light.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-Regular.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-Regular.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-SemiBold.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-Bold.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-Bold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-ExtraBold.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-Black.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-Black.woff2") format("woff2");
}
@font-face {
  font-family: Yekan Bakh FaNum;
  font-style: normal;
  font-weight: 950;
  src: url("../fonts/yekanbakhfanum/woff/YekanBakhFaNum-ExtraBlack.woff") format("woff"), url("../fonts/yekanbakhfanum/woff2/YekanBakhFaNum-ExtraBlack.woff2") format("woff2");
}
@font-face {
  font-family: Azonix;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Azonix.ttf.eot") format("eot"), url("../fonts/Azonix.ttf.woff") format("woff"), url("../fonts/Azonix.ttf.svg") format("svg");
}
@font-face {
  font-family: "lg";
  src: url("../fonts/lg.ttf?22t19m") format("truetype"), url("../fonts/lg.woff?22t19m") format("woff"), url("../fonts/lg.svg?22t19m#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
h1, h2, h3, h4, h5, h6, span, div, a, input, ul, li, button, textarea {
  font-family: Yekan Bakh FaNum;
}

body {
  font-family: Yekan Bakh FaNum !important;
}

:root {
  --color-body-bg: #ffffff;
  --color-text: #020014;
  --color-text2: #ffffff;
  --color-text3: #999DBA;
  --color-box-bg: hsl(0, 0%, 96%);
  --color-box-bg-darker: #ebebeb;
  --blur-sec-liner: linear-gradient(rgba(255, 255, 255, 0), #fff);
  --blur-sec-bg: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 19.96%);
  --footer-bg-one: url(../img/bg-footer-1.svg);
  --footer-bg-two: url(../img/bg-footer-2.svg);
  --footer-bg-gen: url(../img/bg-footer-gen.svg);
  --footer-color: #e0e0e0;
  --Organizat-over-color: #02001423;
  --progress-in-color: #ebebeb;
  --fade-team-right: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  --fade-team-left: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.theme-dark {
  --color-body-bg: #020014;
  --color-text: #ffffff;
  --color-text2: #020014;
  --color-text3: #3f3c67;
  --color-box-bg: #0b1428;
  --color-box-bg-darker: #060e20;
  --blur-sec-liner: linear-gradient(#fff0, #020014);
  --blur-sec-bg: linear-gradient(0deg, rgba(2, 0, 20, 0.5), rgba(2, 0, 20, 0.5)),
    linear-gradient(180deg, rgba(2, 0, 20, 0.5) 0%, rgba(2, 0, 20, 0) 19.96%);
  --footer-bg-one: url(../img/dark-bg-footer-1.svg);
  --footer-bg-two: url(../img/dark-bg-footer-2.svg);
  --footer-bg-gen: url(../img/dark-bg-footer-gen.svg);
  --footer-color: #091020;
  --Organizat-over-color: #02001466;
  --progress-in-color: #101d3c;
  --fade-team-right: linear-gradient(90deg, rgba(2, 0, 20, 0) 0%, #020014 100%);
  --fade-team-left: linear-gradient(270deg, rgba(2, 0, 20, 0) 0%, #020014 100%);
}

/**main colore**/
/** break point **/
/** general style **/
body {
  direction: rtl;
  background-color: var(--color-body-bg);
  color: var(--color-text);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 14px;
  font-family: "Yekan Bakh FaNum" !important;
  margin: 0 !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

html {
  padding: 0;
  margin: 0;
}

* {
  box-sizing: border-box;
  direction: rtl;
}

a:focus {
  outline: none;
}

.mainView {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1440px) {
  .mainView {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 768px) {
  .mainView {
    padding-left: 16px;
    padding-right: 16px;
  }
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:visited {
  text-decoration: none;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(218, 4, 2, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(218, 4, 2, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(218, 4, 2, 0);
  }
}
.lg-inner {
  direction: ltr !important;
}

.customMag {
  margin-bottom: 160px;
}
@media (max-width: 768px) {
  .customMag {
    margin-bottom: 100px;
  }
}

body {
  font-family: "Yekan Bakh FaNum" !important;
}

.mainViewContent {
  max-width: 1064px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .mainViewContent {
    margin-top: 60px;
  }
}

article.tenders-auctions,
article.project {
  margin: 0 !important;
}

.theme-light .IntroSectionCustom::after {
  backdrop-filter: blur(0px);
  height: 500px;
  bottom: -1px;
}

.theme-dark .mamaMobileMenuParent .mobileMenu ul .menu-item-has-children::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 8.417 6.587 6.587a2.013 2.013 0 0 0 2.826 0L20 8.417' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.theme-dark .mamaMobileMenuParent .btnColorMode {
  background-color: #3a404d;
  height: 55px;
}
.theme-dark .mamaMobileMenuParent .mobileMenu ul li {
  border-bottom: 1px solid rgba(215, 215, 215, 0.2117647059);
  position: relative;
}
.theme-dark .mamaMobileMenuParent .mobileMenu ul li.has-pulse-dot::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 22px;
}
.theme-dark .mamaMobileMenuParent .mobileMenu ul li.has-pulse-dot::after {
  background: #da0402;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  box-shadow: 0 0 0 0 #da0402;
  transform: scale(1);
  animation: pulse 2s infinite;
}
.theme-dark .swiper-slide.MyTeamItems .ShareParent a {
  color: #0b1428;
}
.theme-dark .CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children::before {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 4.5 6 7.5l-3.5-3' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

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

.CustomEhyaHeader {
  position: absolute;
  display: flex;
  width: 100%;
  left: 0;
  right: 0;
  top: 20px;
  z-index: 90;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.CustomEhyaHeader .LogoSiteHeaders {
  max-width: 140px;
  height: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1260px) {
  .CustomEhyaHeader .LogoSiteHeaders {
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .CustomEhyaHeader .LogoSiteHeaders {
    margin: auto;
    width: 100px;
  }
}
.CustomEhyaHeader .main-navigation {
  width: 750px;
  height: 64px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (max-width: 1260px) {
  .CustomEhyaHeader .main-navigation {
    display: none;
  }
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container {
  width: 100%;
  padding: 0 24px;
  height: 100%;
  margin: auto;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu {
  padding: 0 !important;
  display: flex;
  align-content: center;
  justify-content: space-between;
  height: 100%;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children {
  position: relative;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children::before {
  position: absolute;
  transition: all linear 0.2s;
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 4.5 6 7.5l-3.5-3' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  left: -20px;
  top: 8px;
  opacity: 0.3;
  height: max-content;
  bottom: 0;
  margin: auto;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu {
  padding: 5px 9px;
  list-style: none;
  list-style-type: none;
  width: 100%;
  max-width: 200px;
  min-width: 200px;
  border: 1px solid var(--color-box-bg);
  height: max-content;
  display: block;
  position: absolute;
  visibility: hidden;
  right: -15px;
  opacity: 0;
  box-shadow: 0px 9px 68px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transform: translate(0px, 22px);
  transition: all ease-in 0.4s;
  z-index: 99;
  background: var(--color-body-bg);
  list-style-type: none;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > .menu-item-has-children::before {
  left: -2px;
  top: 7px;
  opacity: 0.3;
  bottom: 0;
  margin: auto;
  height: min-content;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > .menu-item-has-children .sub-menu {
  visibility: hidden;
  opacity: 0;
  right: 195px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > .menu-item-has-children .sub-menu::before {
  border-bottom: 7px solid transparent;
  border-right: 2px solid transparent;
  border-top: 3px solid transparent;
  border-left: 15px solid var(--color-body-bg);
  top: 7px;
  right: -11px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu::before {
  position: absolute;
  width: 0px;
  content: "";
  background-color: transparent;
  border-top: 11px solid transparent;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 19px solid var(--color-body-bg);
  top: -20px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > li {
  border-bottom: 1px solid var(--color-box-bg);
  padding: 9px 0;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > li > a {
  color: var(--color-text);
  font-size: 12.8px;
  line-height: 2em;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-weight: 400;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > li > a:hover {
  color: #da0402;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children > .sub-menu > li:last-of-type {
  border-bottom: none;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children:hover::before {
  transform: rotateZ(180deg) translateY(4px) !important;
  opacity: 0.5;
  top: 3px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .menu-item-has-children:hover .sub-menu {
  transform: translate(0px, 12px);
  visibility: visible;
  opacity: 1;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .current_page_item::before {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='53' height='4' viewBox='0 0 53 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='26.5' cy='-4' rx='26.5' ry='8' fill='%23DA0402'/%3E%3C/svg%3E");
  top: -10px;
  left: 0;
  right: 0;
  z-index: 0;
  margin: auto;
  width: fit-content;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu .current_page_item a {
  color: #da0402;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li {
  position: relative;
  display: flex;
  align-items: center;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li.has-pulse-dot {
  padding-right: 20px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li.has-pulse-dot::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 28px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li.has-pulse-dot::after {
  background: #da0402;
  border-radius: 50%;
  height: 6px;
  width: 6px;
  box-shadow: 0 0 0 0 #da0402;
  transform: scale(1);
  animation: pulse 2s infinite;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li a {
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
}
.CustomEhyaHeader .main-navigation .menu-menu-1-container .menu li:hover a {
  color: #da0402;
}
.CustomEhyaHeader .btnColorMode {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-box-bg);
  height: 64px;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 10px;
  gap: 10px;
}
@media (max-width: 768px) {
  .CustomEhyaHeader .btnColorMode {
    display: none;
  }
}
.CustomEhyaHeader .btnColorMode .LightColor::before {
  background-color: #febe10;
}
.CustomEhyaHeader .btnColorMode .DarkColor::before {
  background-color: #140c53;
}
.CustomEhyaHeader .btnColorMode .LightColor.Active,
.CustomEhyaHeader .btnColorMode .DarkColor.Active {
  color: #fff;
}
.CustomEhyaHeader .btnColorMode .LightColor.Active::before,
.CustomEhyaHeader .btnColorMode .DarkColor.Active::before {
  scale: 1;
  transform: rotateX(180deg);
}
.CustomEhyaHeader .btnColorMode button {
  background: none;
  display: flex !important;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 44px;
  position: relative;
  height: 44px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: transparent;
  color: var(--color-text);
  border-radius: 50px;
  z-index: 0;
}
.CustomEhyaHeader .btnColorMode button::before {
  position: absolute;
  content: "";
  border-radius: 50px;
  width: 100%;
  transition: all ease-in 0.2s;
  height: 100%;
  z-index: -1;
  scale: 0;
}
.CustomEhyaHeader a.headersBtn {
  font-family: "Azonix" !important;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .CustomEhyaHeader a.headersBtn {
    font-size: 16px;
    margin-right: auto;
  }
}
.CustomEhyaHeader .headersBtn {
  background-color: var(--color-box-bg);
  width: 64px;
  height: 64px;
  display: flex;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: var(--color-text) !important;
}
@media (max-width: 768px) {
  .CustomEhyaHeader .headersBtn {
    width: max-content;
    height: max-content;
    background-color: transparent !important;
  }
}

@media (max-width: 768px) {
  .headersBtn.SrchBtn {
    width: 20px;
    height: 20px;
    color: #fff !important;
  }
}

.site-footer {
  position: relative;
  padding-top: 400px;
  background: var(--footer-bg-one);
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  transition: background 0.3s ease, color 0.3s ease;
  overflow: hidden;
}
@media (max-width: 1080px) {
  .site-footer {
    padding-top: 300px;
  }
}
@media (max-width: 768px) {
  .site-footer {
    padding-top: 200px;
    background-position-y: 50px;
  }
}
.site-footer .footer-bg-move {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--footer-bg-gen);
  background-size: contain;
  background-position: center;
  pointer-events: none;
  z-index: -1;
  transition: transform 0.6s ease-out, background-image 0.3s ease;
  will-change: transform;
  background-repeat: no-repeat;
  max-width: 100%;
}
@media (max-width: 1080px) {
  .site-footer .footer-bg-move {
    height: 53%;
  }
}
@media (max-width: 768px) {
  .site-footer .footer-bg-move {
    height: 33%;
    transform: translate(0px, 12px) !important;
    top: 40px;
    background-size: cover;
  }
}
.site-footer::before {
  position: absolute;
  content: "";
  top: 20px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1;
  background: var(--footer-bg-two);
  background-size: auto;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background 0.3s ease, color 0.3s ease;
}
@media (max-width: 768px) {
  .site-footer::before {
    top: 70px;
  }
}
.site-footer .footerContainer {
  background: var(--footer-color);
}
.site-footer .footerContainer .innersP {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 30px;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP {
    gap: 16px;
  }
}
.site-footer .footerContainer .innersP .footerColumn.about {
  width: 30%;
}
@media (max-width: 1310px) {
  .site-footer .footerContainer .innersP .footerColumn.about {
    width: 34%;
  }
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP .footerColumn.about {
    width: 100%;
    align-items: center;
    margin-bottom: 16px;
  }
}
.site-footer .footerContainer .innersP .footerColumn.about .MediaParent {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
.site-footer .footerContainer .innersP .footerColumn.about .MediaParent .MediaLinks {
  width: 40px;
  height: 40px;
  background-color: var(--color-box-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: var(--color-text) !important;
  transition: all ease-in-out 0.3s;
}
.site-footer .footerContainer .innersP .footerColumn.about .MediaParent .MediaLinks:hover {
  color: #da0402 !important;
}
.site-footer .footerContainer .innersP .footerColumn.about .AboutFooterTxt {
  margin: 0;
  padding: 20px 0;
  text-align: justify;
  font-size: 14px;
  line-height: 2.2em;
  font-weight: 400;
}
@media (max-width: 1260px) {
  .site-footer .footerContainer .innersP .footerColumn.about .AboutFooterTxt {
    font-size: 13px;
  }
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP .footerColumn.about .AboutFooterTxt {
    font-size: 14px;
    padding-top: 16px;
    padding-bottom: 24px;
  }
}
.site-footer .footerContainer .innersP .footerColumn.caling {
  width: 30%;
}
@media (max-width: 1310px) {
  .site-footer .footerContainer .innersP .footerColumn.caling {
    width: 33%;
  }
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP .footerColumn.caling {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn.caling {
    width: 100%;
  }
}
.site-footer .footerContainer .innersP .footerColumn {
  width: 13%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP .footerColumn {
    width: 22%;
  }
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn {
    width: 100%;
  }
}
@media (max-width: 1260px) {
  .site-footer .footerContainer .innersP .footerColumn:last-of-type {
    width: 14.5%;
  }
}
@media (max-width: 1080px) {
  .site-footer .footerContainer .innersP .footerColumn:last-of-type {
    width: 22%;
  }
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn:last-of-type {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn:nth-child(n+2) {
    border-radius: 16px;
    overflow: hidden;
    background-color: var(--color-box-bg);
    padding: 20px;
  }
}
.site-footer .footerContainer .innersP .footerColumn .TitleFooter {
  margin: 0;
  position: relative;
  color: var(--color-text);
  font-weight: 600;
  padding-bottom: 20px;
  font-size: 18px;
  line-height: 2.2em;
  margin-bottom: 10px;
}
@media (max-width: 1260px) {
  .site-footer .footerContainer .innersP .footerColumn .TitleFooter {
    font-size: 14.5px;
  }
}
.site-footer .footerContainer .innersP .footerColumn .TitleFooter svg {
  display: none;
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn .TitleFooter svg {
    display: block;
  }
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn .TitleFooter {
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.site-footer .footerContainer .innersP .footerColumn .TitleFooter::before {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='53' height='4' viewBox='0 0 53 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='26.5' cy='-4' rx='26.5' ry='8' fill='%23DA0402'/%3E%3C/svg%3E");
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn .TitleFooter::before {
    display: none;
  }
}
.site-footer .footerContainer .innersP .footerColumn .ListUlFooters {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn .ListUlFooters {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    display: none;
  }
  .site-footer .footerContainer .innersP .footerColumn .ListUlFooters::before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #e0e0e0;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0.5;
    width: 96%;
  }
}
.site-footer .footerContainer .innersP .footerColumn .ListUlFooters li a {
  align-items: center;
  display: flex;
  justify-content: start;
  gap: 12px;
  color: var(--color-text);
  font-size: 16px;
  line-height: 2.2em;
  font-weight: 400;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 1260px) {
  .site-footer .footerContainer .innersP .footerColumn .ListUlFooters li a {
    font-size: 13.4px;
  }
}
.site-footer .footerContainer .innersP .footerColumn .ListUlFooters li a:hover {
  color: #da0402;
}

.copyR {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 768px) {
  .copyR {
    justify-content: center;
    text-align: center;
    height: unset;
    padding: 16px 50px;
    flex-direction: column-reverse;
  }
}
.copyR .txtParents {
  color: var(--color-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 2.2em;
}
@media (max-width: 768px) {
  .copyR .txtParents {
    font-size: 12px;
  }
}
.copyR .txtParents span {
  color: #da0402;
}

.IntroSectionCustom {
  position: relative;
  display: flex;
  height: 130vh;
  background-repeat: no-repeat !important;
  align-items: start;
  justify-content: center;
  background-size: cover !important;
  padding-top: 10%;
  z-index: 0;
  background-position: center -20px !important;
}
.IntroSectionCustom--slider {
  background: none !important;
  overflow: hidden;
}
.IntroSectionCustom--slider .IntroSectionCustom-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.IntroSectionCustom--slider .IntroSectionCustom-slider .swiper-wrapper {
  height: 100%;
}
.IntroSectionCustom--slider .IntroSectionCustom-slide {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center -20px !important;
  height: 100%;
}
.IntroSectionCustom--slider .IntroSectionCustom-contentOverlay {
  position: relative;
  z-index: 1;
}
@media (max-width: 1080px) {
  .IntroSectionCustom {
    padding-top: 44%;
    height: 700px;
  }
}
.IntroSectionCustom::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: -2px;
  background: var(--blur-sec-bg);
  z-index: -1;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.IntroSectionCustom::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--blur-sec-liner);
  transition: background-color 0.3s ease, color 0.3s ease;
  z-index: -1;
  height: 300px;
  bottom: -1px;
}
.IntroSectionCustom .ContentIntroSection {
  text-align: center;
}
.IntroSectionCustom .ContentIntroSection h1 {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  line-height: 2em;
  line-height: 70px;
  margin: 0;
}
@media (max-width: 768px) {
  .IntroSectionCustom .ContentIntroSection h1 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 1.7em;
  }
}
.IntroSectionCustom .ContentIntroSection p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  padding-top: 10px;
  margin-bottom: 38px !important;
  max-width: 550px;
  text-align: center;
  margin: auto;
  margin-bottom: auto;
  line-height: 2.2em;
}
@media (max-width: 768px) {
  .IntroSectionCustom .ContentIntroSection p {
    padding-top: 0px;
    margin-bottom: 30px !important;
  }
}
.IntroSectionCustom .ContentIntroSection .BtnMyTheme {
  margin: auto;
}

.SectionAboutThems.mainView {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 48px;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView {
    padding-top: 0;
  }
}
.SectionAboutThems.mainView .ContentParents {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .ContentParents .BtnMyTheme {
    margin: auto;
  }
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .ContentParents {
    width: 100%;
  }
}
.SectionAboutThems.mainView .ContentParents .ParentImagesBot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  flex-wrap: wrap;
}
.SectionAboutThems.mainView .ContentParents h2 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  text-align: right;
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
}
.SectionAboutThems.mainView .ContentParents .DivContent {
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.3em;
  padding-bottom: 10px;
  padding-top: 12px;
  text-align: justify;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .ContentParents .DivContent {
    padding-top: 16px;
  }
}
.SectionAboutThems.mainView .ContentParents .SubTitleCustom {
  color: #da0402;
  font-family: "Azonix" !important;
  letter-spacing: 10px;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .ContentParents .SubTitleCustom {
    letter-spacing: 4px;
  }
}
.SectionAboutThems.mainView .imgBox {
  width: 48%;
  position: relative;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .imgBox {
    width: 100%;
  }
}
.SectionAboutThems.mainView .imgBox .LogoPos {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .imgBox .LogoPos {
    bottom: 0;
    max-width: 120px;
  }
}
@media (max-width: 480px) {
  .SectionAboutThems.mainView .imgBox .LogoPos {
    max-width: 106px;
    bottom: -9px;
  }
}
.SectionAboutThems.mainView .imgBox .LogoPos svg {
  max-width: 180px;
  max-height: 56px;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .imgBox .LogoPos svg {
    max-width: 150px;
  }
}
.SectionAboutThems.mainView .imgBox .imgParent {
  -webkit-mask-image: url("../img/about-mask.svg");
  mask-image: url("../img/about-mask.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: bottom;
  -webkit-mask-position: bottom;
  border-radius: 48px;
  overflow: hidden;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .imgBox .imgParent {
    border-radius: 24px;
  }
}
.SectionAboutThems.mainView .imgBox .imgParent .BgSection {
  max-height: 630px;
  min-height: 630px;
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .SectionAboutThems.mainView .imgBox .imgParent .BgSection {
    max-height: 390px;
    min-height: 390px;
  }
}

.BtnMyTheme.La {
  max-width: 145px;
}

.BtnMyTheme {
  background: #da0402;
  color: #fff !important;
  width: 100%;
  transition: box-shadow 0.2s ease-in-out, transform 0.3s ease-in-out;
  border-radius: 16px;
  max-width: 125px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-around;
  min-height: 45px;
  max-height: 45px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0);
}
.BtnMyTheme:hover {
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0.2392156863);
  transform: translateY(-4px);
}

.BtnMyTheme2 {
  background: #da0402;
  color: #fff !important;
  width: 100%;
  transition: box-shadow 0.2s ease-in-out, transform 0.3s ease-in-out;
  border-radius: 16px;
  max-width: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 45px;
  max-height: 45px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0);
  padding: 14px 22px 14px 44px;
  position: relative;
}
@media (max-width: 768px) {
  .BtnMyTheme2 {
    font-size: 12px;
  }
}
.BtnMyTheme2::before {
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97435 5.44165L2.91602 10.5L7.97435 15.5583' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0836 10.5H3.05859' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  height: 21px;
  width: 20px;
  position: absolute;
  left: 16px;
}
.BtnMyTheme2:hover {
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0.2392156863);
  transform: translateY(-4px);
}

.TitleHeding.custom {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 16px;
  padding-bottom: 32px;
  margin: auto;
}
.TitleHeding.custom .Gtitle {
  margin: 0;
  color: var(--color-text);
  font-weight: 700;
  font-size: 22px;
  transition: background-color 0.3s ease, color 0.3s ease;
  line-height: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .TitleHeding.custom .Gtitle {
    font-size: 18px;
  }
}
.TitleHeding.custom .SubTitleCustom {
  color: #da0402;
  font-family: "Azonix" !important;
  letter-spacing: 10px;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}
@media (max-width: 768px) {
  .TitleHeding.custom .SubTitleCustom {
    font-size: 14px;
    letter-spacing: 4px;
  }
}
@media (max-width: 380px) {
  .TitleHeding.custom .SubTitleCustom {
    font-size: 12px;
  }
}

.sectionAuction .tabs-nav {
  width: max-content;
  margin: 30px auto;
  background-color: var(--color-box-bg);
  display: flex;
  height: 72px;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 0 32px;
  align-items: center;
  justify-content: space-between;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  gap: 28px;
}
@media (max-width: 768px) {
  .sectionAuction .tabs-nav {
    margin-top: 0;
  }
}
.sectionAuction .tabs-nav .tab-btn.active {
  color: #da0402;
}
.sectionAuction .tabs-nav .tab-btn.active::before {
  scale: 1;
}
.sectionAuction .tabs-nav .tab-btn {
  position: relative;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: var(--color-text);
  font-weight: 700;
  line-height: 2em;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.sectionAuction .tabs-nav .tab-btn::before {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='53' height='4' viewBox='0 0 53 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='26.5' cy='-4' rx='26.5' ry='8' fill='%23DA0402'/%3E%3C/svg%3E");
  top: -13px;
  scale: 0;
  transition: all ease-in-out 0.3s;
}
.sectionAuction .tabs-nav .tab-btn:hover {
  color: #da0402;
}
.sectionAuction .tab-content.AuctionPostType .BtnMyTheme.La {
  margin: 32px auto;
}
.sectionAuction .tab-content.AuctionPostType .PostParentsForHome {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 1080px) {
  .sectionAuction .tab-content.AuctionPostType .PostParentsForHome {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (max-width: 768px) {
  .sectionAuction .tab-content.AuctionPostType .PostParentsForHome {
    grid-template-columns: repeat(1, 1fr);
  }
}

.ItemsCustomAuction {
  width: 100%;
  background: var(--color-box-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-radius: 24px;
  transition: background-color 0.3s ease, color 0.3s ease;
  max-height: 160px;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .ItemsCustomAuction {
    max-height: 100%;
    padding: 12px 14px;
    gap: 16px;
  }
}
.ItemsCustomAuction:hover .ContParents > .Title {
  color: #da0402;
}
.ItemsCustomAuction:hover .imgItemsAuction {
  filter: grayscale(1);
}
.ItemsCustomAuction .imgItemsAuction {
  max-width: 198px;
  min-height: 130px;
  height: 130px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  transition: all ease-in-out 0.3s;
  width: 100%;
}
@media (max-width: 1310px) {
  .ItemsCustomAuction .imgItemsAuction {
    max-width: 155px;
  }
}
@media (max-width: 1080px) {
  .ItemsCustomAuction .imgItemsAuction {
    max-width: 100%;
    min-height: 250px;
    height: 250px;
  }
}
@media (max-width: 768px) {
  .ItemsCustomAuction .imgItemsAuction {
    min-height: 170px;
    height: 170px;
  }
}
.ItemsCustomAuction .ContParents {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: calc(100% - 216px);
}
@media (max-width: 1310px) {
  .ItemsCustomAuction .ContParents {
    width: calc(100% - 165px);
  }
}
@media (max-width: 1080px) {
  .ItemsCustomAuction .ContParents {
    width: 100%;
  }
}
.ItemsCustomAuction .ContParents .Title {
  font-size: 16px;
  font-weight: 400;
  line-height: 2em;
  color: var(--color-text);
  transition: all 0.3s ease;
  margin: 0;
}
@media (max-width: 1080px) {
  .ItemsCustomAuction .ContParents .Title {
    font-size: 14px;
    padding: 0 12px;
  }
}
.ItemsCustomAuction .ContParents .FootersBotItems {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .ItemsCustomAuction .ContParents .FootersBotItems {
    padding: 0 12px;
  }
}
.ItemsCustomAuction .ContParents .FootersBotItems .innersItems {
  background: rgba(2, 0, 20, 0.0392156863);
  backdrop-filter: blur(40px);
  padding: 4px 9px;
  font-size: 13.6px;
  font-weight: 400;
  line-height: 1.8em;
  border-radius: 100px;
  color: var(--color-text);
}
@media (max-width: 1260px) {
  .ItemsCustomAuction .ContParents .FootersBotItems .innersItems {
    font-size: 11.5px;
  }
}
@media (max-width: 1080px) {
  .ItemsCustomAuction .ContParents .FootersBotItems .innersItems {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 7px 14px;
    font-size: 14px;
  }
}

.theme-dark .sectionAuction .tab-content.AuctionPostType .PostParentsForHome .ItemsCustomAuction .ContParents .FootersBotItems .innersItems {
  background: rgba(255, 255, 255, 0.1019607843) !important;
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.OrganizationSections {
  position: relative;
}
.OrganizationSections .TitleHeding.custom {
  padding-bottom: 40px;
}
.OrganizationSections .swiper-button-prev-MyThems {
  width: max-content;
  height: max-content;
  position: absolute;
  bottom: 0;
  top: 70px;
  right: 15px;
  z-index: 22;
  margin: auto;
  transition: all ease 0.3s;
  cursor: pointer;
}
.OrganizationSections .swiper-button-prev-MyThems:hover {
  scale: 0.9;
  color: #da0402;
}
.OrganizationSections .swiper-button-next-MyThems {
  width: max-content;
  height: max-content;
  position: absolute;
  bottom: 0;
  top: 70px;
  left: 15px;
  z-index: 22;
  margin: auto;
  transition: all ease 0.3s;
  cursor: pointer;
}
.OrganizationSections .swiper-button-next-MyThems:hover {
  scale: 0.9;
  color: #da0402;
}
.OrganizationSections .swiper.mySwiperorganization {
  position: relative;
  max-width: 1200px;
}
.OrganizationSections .swiper.mySwiperorganization .ParentMobilesNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  padding-top: 40px;
}
.OrganizationSections .swiper.mySwiperorganization .ParentMobilesNav .swiper-button-next-MyThems,
.OrganizationSections .swiper.mySwiperorganization .ParentMobilesNav .swiper-button-prev-MyThems {
  position: initial !important;
  margin: 0 !important;
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  gap: 20px;
}
@media (max-width: 768px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization {
    gap: 14px;
  }
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  display: flex;
  z-index: 0;
}
@media (max-width: 768px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent {
    border-radius: 16px;
  }
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent::after {
  background: rgba(0, 0, 0, 0.4509803922);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 0;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent::before {
  position: absolute;
  content: "";
  height: 100%;
  background-image: var(--bg-image-unit);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent img {
  max-height: 220px;
  min-height: 220px;
  object-fit: cover;
  border-radius: 24px;
  transition: all ease-in-out 0.3s;
}
@media (max-width: 768px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent img {
    border-radius: 16px;
    max-height: 190px;
    min-height: 190px;
  }
}
@media (max-width: 480px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent img {
    border-radius: 16px;
    max-height: 170px;
    min-height: 170px;
  }
}
@media (max-width: 480px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization .ImgsParent img {
    border-radius: 16px;
    max-height: 140px;
    min-height: 140px;
  }
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization .TitleItem {
  margin: 0;
  color: var(--color-text);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  line-height: 2.2em;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .OrganizationSections .swiper.mySwiperorganization .ItemOrganization .TitleItem {
    font-size: 14px;
  }
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization:hover .TitleItem {
  color: #da0402;
}
.OrganizationSections .swiper.mySwiperorganization .ItemOrganization:hover .ImgsParent::before, .OrganizationSections .swiper.mySwiperorganization .ItemOrganization:hover .ImgsParent::after {
  opacity: 1;
  visibility: visible;
}

.SectionAwards {
  position: relative;
}
@media (max-width: 1080px) {
  .SectionAwards {
    padding: 0 16px;
  }
}
.SectionAwards .swiper-slide.customMayAwards {
  text-align: center;
  padding: 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .SectionAwards .swiper-slide.customMayAwards {
    background-color: var(--color-box-bg);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    border-radius: 25px;
    padding: 16px;
    gap: 16px;
  }
}
.SectionAwards .swiper-slide.customMayAwards .imgP {
  overflow: hidden;
  display: flex;
  margin-bottom: 12px;
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SectionAwards .swiper-slide.customMayAwards .imgP img {
  max-width: 175px;
  border-radius: 16px;
  object-fit: contain;
  height: 100%;
}
.SectionAwards .swiper-slide.customMayAwards .TxtToawards {
  margin: 0;
  color: var(--color-text);
  text-align: justify;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.SectionAwards .swiper-slide.customMayAwards .Titlesawards {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--color-text);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.SectionAwards .ParentMobilesNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .SectionAwards .ParentMobilesNav {
    padding-top: 25px;
  }
}
.SectionAwards .ParentMobilesNav .swiper-button-next-MyThems,
.SectionAwards .ParentMobilesNav .swiper-button-prev-MyThems {
  position: initial !important;
  margin: 0 !important;
  width: max-content;
  height: max-content;
  transition: all ease 0.3s;
  cursor: pointer;
}
.SectionAwards .ParentMobilesNav .swiper-button-next-MyThems:hover,
.SectionAwards .ParentMobilesNav .swiper-button-prev-MyThems:hover {
  scale: 0.9;
  color: #da0402;
}
.SectionAwards .TitleHeding.custom {
  padding-bottom: 40px;
}
@media (max-width: 480px) {
  .SectionAwards .TitleHeding.custom .SubTitleCustom {
    font-size: 12px;
  }
}

.LogoSliderSection .TitleHeding.custom {
  padding-bottom: 40px;
}
.LogoSliderSection .partnersSwiper2,
.LogoSliderSection .partnersSwiper {
  padding: 40px 0;
}
@media (max-width: 768px) {
  .LogoSliderSection .partnersSwiper2,
  .LogoSliderSection .partnersSwiper {
    padding: 0px;
  }
}
@media (max-width: 768px) {
  .LogoSliderSection .partnersSwiper2 {
    margin-top: 20px;
  }
}
.LogoSliderSection .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.LogoSliderSection .swiper .swiper-wrapper .swiper-slide.LogoSecSlider {
  position: relative;
}
.LogoSliderSection .swiper .swiper-wrapper .swiper-slide.LogoSecSlider img {
  width: 100px;
  height: auto;
  filter: grayscale(100%);
  transition: all ease-in-out 0.3s;
}
@media (max-width: 768px) {
  .LogoSliderSection .swiper .swiper-wrapper .swiper-slide.LogoSecSlider img {
    width: 62px;
  }
}
.LogoSliderSection .swiper .swiper-wrapper .swiper-slide.LogoSecSlider:hover img {
  filter: grayscale(0%);
}

.SectionMyTeam .swiper.TeamSwiper {
  position: relative;
  z-index: 0;
}
.SectionMyTeam .swiper.TeamSwiper::before {
  position: absolute;
  content: "";
  background: var(--fade-team-right);
  transition: all ease-in-out 0.3s;
  width: 200px;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 2;
  backdrop-filter: blur(1px);
}
@media (max-width: 1260px) {
  .SectionMyTeam .swiper.TeamSwiper::before {
    width: 13px;
  }
}
@media (max-width: 768px) {
  .SectionMyTeam .swiper.TeamSwiper::before {
    display: none;
  }
}
.SectionMyTeam .swiper.TeamSwiper::after {
  position: absolute;
  content: "";
  background: var(--fade-team-left);
  transition: all ease-in-out 0.3s;
  width: 200px;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  backdrop-filter: blur(1px);
}
@media (max-width: 1260px) {
  .SectionMyTeam .swiper.TeamSwiper::after {
    width: 13px;
  }
}
@media (max-width: 768px) {
  .SectionMyTeam .swiper.TeamSwiper::after {
    display: none;
  }
}

.BlogsParents .TitleHeding.custom {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .BlogsParents .TitleHeding.custom {
    padding-bottom: 32px;
  }
}
.BlogsParents .swiper-slide {
  transition: all 0.4s ease;
  transform: scale(0.85);
  filter: blur(2px);
  opacity: 0.5;
}
.BlogsParents .swiper-slide-active {
  transform: scale(1);
  filter: none;
  opacity: 1;
  z-index: 10;
}
.BlogsParents .blurred {
  filter: blur(4px);
  opacity: 0.6;
  transform: scale(0.85);
}
.BlogsParents .tab-contentPost {
  padding-top: 20px;
}
.BlogsParents .tab-contentPost .BtnMyTheme.La {
  margin: 32px auto;
}
.BlogsParents .tab-contentPost .ParentMobilesNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  padding-top: 40px;
}
@media (max-width: 768px) {
  .BlogsParents .tab-contentPost .ParentMobilesNav {
    padding-top: 25px;
  }
}
.BlogsParents .tab-contentPost .ParentMobilesNav .swiper-button-next-MyThems,
.BlogsParents .tab-contentPost .ParentMobilesNav .swiper-button-prev-MyThems {
  position: initial !important;
  margin: 0 !important;
  width: max-content;
  height: max-content;
  transition: all ease 0.3s;
  cursor: pointer;
}
.BlogsParents .tab-contentPost .ParentMobilesNav .swiper-button-next-MyThems:hover,
.BlogsParents .tab-contentPost .ParentMobilesNav .swiper-button-prev-MyThems:hover {
  scale: 0.9;
  color: #da0402;
}
.BlogsParents .tabs-nav {
  width: max-content;
  margin: 30px auto;
  background-color: var(--color-box-bg);
  display: flex;
  height: 72px;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 0 32px;
  align-items: center;
  justify-content: space-between;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  gap: 28px;
}
@media (max-width: 768px) {
  .BlogsParents .tabs-nav {
    margin-top: 0;
    margin-bottom: 12px;
  }
}
.BlogsParents .tabs-nav .tab-btnPost.active {
  color: #da0402;
}
.BlogsParents .tabs-nav .tab-btnPost.active::before {
  scale: 1;
}
.BlogsParents .tabs-nav .tab-btnPost {
  position: relative;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: var(--color-text);
  font-weight: 400;
  line-height: 2em;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}
.BlogsParents .tabs-nav .tab-btnPost::before {
  position: absolute;
  content: url("data:image/svg+xml,%3Csvg width='53' height='4' viewBox='0 0 53 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='26.5' cy='-4' rx='26.5' ry='8' fill='%23DA0402'/%3E%3C/svg%3E");
  top: -13px;
  scale: 0;
  transition: all ease-in-out 0.3s;
}
.BlogsParents .tabs-nav .tab-btnPost:hover {
  color: #da0402;
}

.archiveTabPost {
  display: flex;
  max-height: 490px;
  min-height: 490px;
  border-radius: 48px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .archiveTabPost {
    max-height: 390px;
    min-height: 390px;
    border-radius: 16px;
  }
}
.archiveTabPost .ParentsImg {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.archiveTabPost .ParentsImg > a {
  width: 100%;
  display: flex;
  max-height: 490px;
  min-height: 490px;
}
@media (max-width: 768px) {
  .archiveTabPost .ParentsImg > a {
    max-height: 390px;
    min-height: 390px;
  }
}
.archiveTabPost .ParentsImg > a img {
  width: 100%;
  max-height: 490px;
  min-height: 490px;
  transition: all ease-in-out 0.3s;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 768px) {
  .archiveTabPost .ParentsImg > a img {
    max-height: 390px;
    min-height: 390px;
  }
}
.archiveTabPost .ParentsImg .FootersBotPost {
  position: absolute;
  bottom: 32px;
  right: 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .archiveTabPost .ParentsImg .FootersBotPost {
    padding-left: 10px;
  }
}
.archiveTabPost .ParentsImg .FootersBotPost .TitlePosts {
  font-size: 20px;
  font-weight: 600;
  line-height: 2.2em;
  margin: 0;
}
.archiveTabPost .ParentsImg .FootersBotPost .TitlePosts a {
  color: #fff;
}
.archiveTabPost .ParentsImg .FootersBotPost > span {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.archiveTabPost .ParentsImg::before {
  position: absolute;
  content: "";
  background: linear-gradient(180deg, rgba(2, 0, 20, 0) 0%, rgba(2, 0, 20, 0.7) 90%, rgba(2, 0, 20, 0.8) 100%);
  width: 100%;
  height: 100%;
  z-index: 0;
}

.SectionProjects .BtnMyTheme.La {
  margin: 32px auto;
}

.ParentGridsProject {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 1080px) {
  .ParentGridsProject {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}
@media (max-width: 768px) {
  .ParentGridsProject {
    grid-template-columns: repeat(1, 1fr);
  }
}

.archiveCardProject {
  background-color: var(--color-box-bg);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.archiveCardProject:hover .archiveImage img {
  scale: 1.1;
}
.archiveCardProject .archiveImage {
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}
.archiveCardProject .archiveImage > span {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(245, 245, 245, 0.2);
  backdrop-filter: blur(40px);
  width: max-content;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border-radius: 20px;
  padding: 3px 8px;
  z-index: 1;
}
.archiveCardProject .archiveImage a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.archiveCardProject .archiveImage a img {
  max-width: 100%;
  min-height: 154px;
  border-radius: 16px;
  max-height: 154px;
  object-fit: cover;
  object-position: center;
  transition: all ease-in-out 0.3s;
  object-fit: cover;
  width: 100%;
}
.archiveCardProject .TitleProject {
  font-size: 16px;
  font-weight: 600;
  line-height: 2em;
  margin: 0;
}
.archiveCardProject .TitleProject a {
  color: var(--color-text);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archiveCardProject .Labelprogress {
  color: var(--color-text);
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  font-size: 13.4px;
  font-weight: 400;
  line-height: 1em;
}
.archiveCardProject .progress-wrapper {
  width: 100%;
  background-color: var(--progress-in-color);
  border-radius: 10px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  overflow: hidden;
  height: 32px;
  position: relative;
}
.archiveCardProject .progress-wrapper .progress-bar {
  height: 100%;
  width: 0%;
  background: #02daaf;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-weight: bold;
  border-radius: 8px;
  transition: width 2s ease-in-out;
}
.archiveCardProject .progress-wrapper .progress-bar .progress-text {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.SectionMyTeam .ParentMobilesNav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 20px;
  padding-top: 40px;
}
.SectionMyTeam .ParentMobilesNav .swiper-button-next-MyThems,
.SectionMyTeam .ParentMobilesNav .swiper-button-prev-MyThems {
  position: initial !important;
  margin: 0 !important;
  width: max-content;
  height: max-content;
  transition: all ease 0.3s;
  cursor: pointer;
}
.SectionMyTeam .ParentMobilesNav .swiper-button-next-MyThems:hover,
.SectionMyTeam .ParentMobilesNav .swiper-button-prev-MyThems:hover {
  scale: 0.9;
  color: #da0402;
}

.swiper-slide.MyTeamItems {
  max-height: 511px;
  max-height: 511px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--color-box-bg);
  overflow: hidden;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  border-radius: 24px;
  padding: 8px 8px 0px;
}
.swiper-slide.MyTeamItems:hover .imgParentCover::before {
  opacity: 0.5;
}
.swiper-slide.MyTeamItems:hover .imgParentCover img {
  scale: 1.1;
}
.swiper-slide.MyTeamItems:hover h5.NameUsers {
  color: #da0402 !important;
}
.swiper-slide.MyTeamItems .imgParentCover {
  -webkit-mask-image: url("../img/forusers.svg");
  mask-image: url("../img/forusers.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: bottom;
  -webkit-mask-position: bottom;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  position: relative;
  max-height: 290px;
  min-height: 290px;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .swiper-slide.MyTeamItems .imgParentCover {
    max-height: 250px;
    min-height: 250px;
  }
}
.swiper-slide.MyTeamItems .imgParentCover::before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.7) 100%);
  transition: all ease-in-out 0.3s;
}
.swiper-slide.MyTeamItems .imgParentCover img {
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  border-radius: 16px;
  transition: all ease-in-out 0.3s;
}
.swiper-slide.MyTeamItems .ShareParent {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 12px;
  position: absolute;
  bottom: 135px;
  height: -moz-max-content;
  height: max-content;
}
.swiper-slide.MyTeamItems .ShareParent a {
  transition: all ease-in-out 0.2s;
  display: flex;
  width: 28px;
  height: 28px;
  background: #a4a4a4;
  color: #fff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-slide.MyTeamItems .ShareParent a:hover {
  background: #da0402;
}
.swiper-slide.MyTeamItems .WorkPostion {
  margin: 0;
  padding-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #a4a4a4;
  margin-top: 15px;
}
.swiper-slide.MyTeamItems .NameUsers {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  color: var(--color-text);
  line-height: 2.2em;
  transition: all ease-in-out 0.3s;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  margin-top: 18px;
}

.GeneralOverlay {
  display: none;
  position: fixed;
  backdrop-filter: blur(4px);
  left: 0;
  transition: all linear 0.3s;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 97;
  background-color: rgba(0, 0, 0, 0.7);
}

.showMobMenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
}

/*mobile menu style*/
.mamaMobileMenuParent {
  display: flex;
  background-color: var(--color-box-bg);
  position: fixed;
  right: 0;
  padding-top: 85px;
  top: 0;
  bottom: 0;
  width: 80vw;
  max-width: 340px;
  height: 100vh;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 5px;
  z-index: 98;
  transition: all 0.3s;
  transform: translateX(390px);
  opacity: 0;
  border-radius: 0 0 10px 10px;
  visibility: hidden;
}
.mamaMobileMenuParent .btnColorMode {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-box-bg);
  height: 64px;
  border-radius: 50px;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 10px;
  gap: 10px;
  width: max-content !important;
  margin-right: auto;
  margin-left: 11px;
}
.mamaMobileMenuParent .btnColorMode .LightColor::before {
  background-color: #febe10;
}
.mamaMobileMenuParent .btnColorMode .DarkColor::before {
  background-color: #140c53;
}
.mamaMobileMenuParent .btnColorMode .LightColor.Active,
.mamaMobileMenuParent .btnColorMode .DarkColor.Active {
  color: #fff;
}
.mamaMobileMenuParent .btnColorMode .LightColor.Active::before,
.mamaMobileMenuParent .btnColorMode .DarkColor.Active::before {
  scale: 1;
  transform: rotateX(180deg);
}
.mamaMobileMenuParent .btnColorMode button {
  background: none;
  display: flex !important;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  width: 44px;
  position: relative;
  height: 44px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
  background-color: transparent;
  color: var(--color-text);
  border-radius: 50px;
  z-index: 0;
}
.mamaMobileMenuParent .btnColorMode button::before {
  position: absolute;
  content: "";
  border-radius: 50px;
  width: 100%;
  transition: all ease-in 0.2s;
  height: 100%;
  z-index: -1;
  scale: 0;
}
.mamaMobileMenuParent .menuContent {
  margin-top: 15px;
}
.mamaMobileMenuParent .mobileMenu {
  padding: 20px;
  margin-bottom: 50px;
}
.mamaMobileMenuParent .mobileMenu ul li.current_page_item a {
  color: #da0402 !important;
}
.mamaMobileMenuParent .mobileMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.mamaMobileMenuParent .mobileMenu ul .menu-item-has-children.arrow-left:before {
  transform: rotate(90deg) !important;
}
.mamaMobileMenuParent .mobileMenu ul .menu-item-has-children {
  position: relative;
}
.mamaMobileMenuParent .mobileMenu ul .menu-item-has-children:before {
  position: absolute;
  top: 15px;
  content: url("data:image/svg+xml,%3Csvg height='22' width='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 50' xml:space='preserve' transform='rotate(90)' style='transform:rotate(90deg)'%3E%3Cpath fill='%333' d='M15.563 40.836a.997.997 0 0 0 1.414 0l15-15a1 1 0 0 0 0-1.414l-15-15a.999.999 0 1 0-1.414 1.414l14.293 14.293-14.293 14.293a1 1 0 0 0 0 1.414'/%3E%3C/svg%3E");
  left: 0;
  transition: all linear 0.2s;
}
.mamaMobileMenuParent .mobileMenu ul li {
  border-bottom: 1px solid #e6e1e1;
}
.mamaMobileMenuParent .mobileMenu ul li:last-of-type {
  border-bottom: none;
}
.mamaMobileMenuParent .mobileMenu ul li > .sub-menu {
  padding-right: 20px;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in 0.3s;
}
.mamaMobileMenuParent .mobileMenu ul li > .sub-menu li a {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.mamaMobileMenuParent .mobileMenu ul li a {
  font-size: 14.5px;
  display: flex;
  padding: 13px 5px;
  font-weight: 500;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}

.openSub {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 500px !important;
  min-height: max-content !important;
}

.titlePageCustome {
  height: 512px;
  position: relative;
  width: 100%;
  margin: auto;
  padding-top: 124px;
}
@media (max-width: 768px) {
  .titlePageCustome {
    padding-top: 84px;
    height: 400px;
  }
}
.titlePageCustome::before {
  content: "";
  transition: all 0.3s ease-in-out;
  position: absolute;
  height: 70%;
  width: 100%;
  top: -2px;
  z-index: 4;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
}
.titlePageCustome::after {
  content: "";
  background: var(--blur-sec-liner);
  transition: all 0.3s ease-in-out;
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: -3px;
  z-index: 3;
}
.titlePageCustome .titlePageCustomeIMG {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.titlePageCustome .titlePageCustomeIMG img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.titlePageCustome .titlePageCustomeblur {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(2px);
}
.titlePageCustome .mainHeaderContent {
  margin-top: 42px;
  z-index: 11;
  position: relative;
  text-align: center;
  color: white;
}
@media (max-width: 768px) {
  .titlePageCustome .mainHeaderContent {
    margin-top: 16px;
  }
}
.titlePageCustome .mainHeaderContent h1 {
  margin: 0px auto 16px;
  font-size: 48px;
  line-height: 74px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .titlePageCustome .mainHeaderContent h1 {
    font-size: 28px;
    line-height: 42px;
  }
}
.titlePageCustome .mainHeaderContent p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  max-width: 550px;
  text-align: center;
  line-height: 40px;
  margin: auto;
}
.titlePageCustome .mainHeaderContent a {
  margin: auto;
  margin-top: 36px;
}

.mainIframe {
  border-radius: 48px;
  overflow: hidden;
  height: 405px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .mainIframe {
    border-radius: 24px;
  }
}
.mainIframe::before {
  content: "";
  background: rgba(91, 91, 91, 0.5294117647);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s linear;
}

.hide-before-overlay::before {
  opacity: 0 !important;
  visibility: hidden !important;
}

.productsParent {
  margin-bottom: 160px;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .productsParent {
    margin-top: 56px;
  }
}
.productsParent .productsChild {
  text-align: justify;
}
.productsParent .productsChild > h2 {
  text-align: center;
  margin: 0;
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
@media (max-width: 768px) {
  .productsParent .productsChild > h2 {
    font-size: 18px;
  }
}
.productsParent .productsChild > p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  margin: auto;
  margin-bottom: 80px;
  max-width: 1064px;
}
@media (max-width: 768px) {
  .productsParent .productsChild > p {
    margin-bottom: 60px;
  }
}
.productsParent .productsChild .productsinner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 80px auto;
  height: 399px;
}
@media (max-width: 768px) {
  .productsParent .productsChild .productsinner {
    margin: 24px auto;
    flex-direction: column;
  }
}
.productsParent .productsChild .productsinner > div {
  display: flex;
  justify-content: flex-end;
  align-items: start;
  height: 100%;
  width: calc(50% - 10px);
  flex-direction: column;
}
@media (max-width: 768px) {
  .productsParent .productsChild .productsinner > div {
    width: 100%;
    height: calc(50% - 12px);
  }
}
.productsParent .productsChild .productsinner > div img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.productsParent .mageSide {
  border-radius: 40px;
  overflow: hidden;
}
.productsParent .chart-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.productsParent .chart-box h3 {
  margin: 0;
  margin-bottom: 8px;
  font-size: 20px;
  color: #d9d9d9;
  font-weight: 600;
  line-height: 25px;
}
@media (max-width: 768px) {
  .productsParent .chart-box h3 {
    font-size: 8.3px;
    line-height: 11px;
  }
}
.productsParent .chart-box canvas {
  width: 100% !important;
  height: 283px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.productsParent .chartSide h3 {
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
@media (max-width: 768px) {
  .productsParent .chartSide h3 {
    font-size: 8px;
    font-weight: 400;
    line-height: 18px;
  }
}
.productsParent .chartSide img {
  height: calc(100% - 28px);
  width: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .productsParent .chartSide img {
    height: calc(100% - 18px);
  }
}
@media (max-width: 768px) {
  .productsParent p.deskPara {
    display: none;
  }
}
.productsParent p.resPara {
  display: none;
}
@media (max-width: 768px) {
  .productsParent p.resPara {
    display: block;
  }
}

.entry-content h2 {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  font-weight: 500;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .entry-content h2 {
    font-size: 18px;
  }
}
.entry-content > p {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  margin: 0;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 32px;
  text-align: justify;
}
.entry-content p:has(img) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 32px auto;
  height: 264px;
  gap: 20px;
}
@media (max-width: 768px) {
  .entry-content p:has(img) {
    flex-direction: column;
    height: 345px;
    gap: 16px;
  }
}
.entry-content p:has(img) img {
  width: calc(50% - 10px);
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .entry-content p:has(img) img {
    height: calc(50% - 8px);
    width: 100%;
  }
}
.entry-content p:has(img) img {
  border-radius: 32px;
}
.entry-content blockquote {
  position: relative;
  margin: 70px auto 48px;
}
.entry-content blockquote::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.2129 41.0791C33.3891 41.0791 31.7856 40.3927 30.5186 39.0801C29.2543 37.7703 28.6172 36.1433 28.6172 34.3184L28.6172 16.8613C28.6172 14.8843 28.9903 12.9834 29.7383 11.1748C30.4281 9.50702 31.3571 8.02592 32.5303 6.74902L32.7686 6.49609C34.0556 5.16267 35.5756 4.11151 37.3096 3.3418C39.0741 2.55864 40.9351 2.16504 42.873 2.16504H44.4043C45.3953 2.16504 46.2628 2.56777 46.9189 3.24609L46.9209 3.24707C47.5779 3.9277 47.9364 4.79634 47.9365 5.75195V8.92676C47.9365 9.88348 47.5777 10.7513 46.9209 11.4316L46.9199 11.4326C46.2631 12.1123 45.3943 12.5137 44.4043 12.5137H42.873C41.7354 12.5137 40.8064 12.9052 39.9785 13.7627C39.1486 14.623 38.7452 15.618 38.7451 16.8613V17.6543C38.7451 17.8143 38.7787 17.8737 38.8535 17.9512V17.9521C38.9082 18.0088 38.9385 18.0208 38.9424 18.0225C38.9471 18.0245 38.9736 18.0352 39.043 18.0352H44.4043C46.1145 18.0352 47.6306 18.6392 48.8574 19.7959L49.0986 20.0352C50.3632 21.3451 50.9999 22.9714 51 24.7959V34.3184C51 36.1432 50.3626 37.7692 49.0986 39.0791V39.0801C47.8315 40.3923 46.2286 41.0791 44.4043 41.0791H35.2129ZM8.5957 50.165C6.77186 50.165 5.16915 49.4782 3.90234 48.166C2.63665 46.8558 2.00035 45.2286 2 43.4043V25.9473C2 24.0937 2.32798 22.3068 2.98535 20.6006L3.12109 20.2607C3.85664 18.4817 4.86504 16.9148 6.15137 15.582C7.43848 14.2487 8.95861 13.1975 10.6924 12.4277V12.4268C12.457 11.6437 14.3172 11.251 16.2549 11.251H17.7871C18.7766 11.251 19.6467 11.6523 20.3037 12.333V12.334C20.9602 13.0142 21.3193 13.882 21.3193 14.8379V18.0127C21.3193 18.9698 20.9603 19.8376 20.3037 20.5176C19.6465 21.1985 18.7764 21.5996 17.7871 21.5996H16.2549C15.1172 21.5997 14.1891 21.9912 13.3613 22.8486C12.5311 23.709 12.127 24.7039 12.127 25.9473V26.7402C12.127 26.899 12.1609 26.9589 12.2373 27.0381V27.0391C12.29 27.0934 12.3194 27.1054 12.3242 27.1074C12.328 27.109 12.3542 27.1211 12.4258 27.1211H17.7871C19.4975 27.1211 21.0136 27.7249 22.2402 28.8818L22.4814 29.1211C23.7456 30.4309 24.3828 32.0572 24.3828 33.8818V43.4043C24.3827 45.2289 23.7454 46.8551 22.4814 48.165L22.2402 48.4043C21.0135 49.5614 19.4974 50.165 17.7871 50.165H8.5957Z' fill='%23da0402' stroke='white' stroke-width='4'/%3E%3C/svg%3E");
  position: absolute;
  height: 53px;
  width: 53px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: -28px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.entry-content blockquote p {
  color: var(--color-text);
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  padding: 40px 115px 37px;
  background-color: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  text-align: center;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .entry-content blockquote p {
    padding: 40px 16px 24px;
  }
}
.entry-content ul li,
.entry-content ol li {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 12px;
}
.entry-content ul li::marker,
.entry-content ol li::marker {
  font-size: 18px;
  color: #da0402;
}
.entry-content ul,
.entry-content ol {
  padding-right: 30px;
  margin: 48px 0;
}
.entry-content ul li {
  list-style: circle;
}
.entry-content ol li {
  list-style: persian;
}

.singleMarginTop {
  padding-top: 100px;
}
@media (max-width: 768px) {
  .singleMarginTop {
    padding-top: 0px;
  }
}
.singleMarginTop .rankmath-header {
  margin-bottom: 24px;
}

.singleMarginTop2 {
  padding-top: 100px;
}
.singleMarginTop2 .rankmath-header {
  margin-bottom: 24px;
}
.singleMarginTop2 h1.entry-title-custom-extra {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
  text-align: justify;
}

.archiveGetElement {
  margin-bottom: 100px;
}

.singleMarginTop .mainSinglepage,
.singleMarginTop2 .mainSinglepage,
.staticSizeArchive .mainSinglepage {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage,
  .singleMarginTop2 .mainSinglepage,
  .staticSizeArchive .mainSinglepage {
    flex-direction: column;
  }
}
.singleMarginTop .mainSinglepage .singleContentSide,
.singleMarginTop2 .mainSinglepage .singleContentSide,
.staticSizeArchive .mainSinglepage .singleContentSide {
  width: calc(100% - 305px);
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .singleContentSide,
  .singleMarginTop2 .mainSinglepage .singleContentSide,
  .staticSizeArchive .mainSinglepage .singleContentSide {
    width: 100%;
  }
}
.singleMarginTop .mainSinglepage .singleContentSide h1.entry-title-single,
.singleMarginTop2 .mainSinglepage .singleContentSide h1.entry-title-single,
.staticSizeArchive .mainSinglepage .singleContentSide h1.entry-title-single {
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 40px;
  font-weight: bold;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .singleContentSide h1.entry-title-single,
  .singleMarginTop2 .mainSinglepage .singleContentSide h1.entry-title-single,
  .staticSizeArchive .mainSinglepage .singleContentSide h1.entry-title-single {
    font-size: 28px;
  }
}
.singleMarginTop .mainSinglepage .singleContentSide .additionalSingle,
.singleMarginTop2 .mainSinglepage .singleContentSide .additionalSingle,
.staticSizeArchive .mainSinglepage .singleContentSide .additionalSingle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.singleMarginTop .mainSinglepage .singleContentSide .additionalSingle > div,
.singleMarginTop2 .mainSinglepage .singleContentSide .additionalSingle > div,
.staticSizeArchive .mainSinglepage .singleContentSide .additionalSingle > div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.singleMarginTop .mainSinglepage .singleContentSide .additionalSingle .dateSide,
.singleMarginTop2 .mainSinglepage .singleContentSide .additionalSingle .dateSide,
.staticSizeArchive .mainSinglepage .singleContentSide .additionalSingle .dateSide {
  flex-direction: row-reverse;
}
.singleMarginTop .mainSinglepage .singleContentSide .single-thumbnail,
.singleMarginTop2 .mainSinglepage .singleContentSide .single-thumbnail,
.staticSizeArchive .mainSinglepage .singleContentSide .single-thumbnail {
  width: 100%;
  height: 536px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 32px;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .singleContentSide .single-thumbnail,
  .singleMarginTop2 .mainSinglepage .singleContentSide .single-thumbnail,
  .staticSizeArchive .mainSinglepage .singleContentSide .single-thumbnail {
    height: 170px;
  }
}
.singleMarginTop .mainSinglepage .singleContentSide .single-thumbnail > div,
.singleMarginTop2 .mainSinglepage .singleContentSide .single-thumbnail > div,
.staticSizeArchive .mainSinglepage .singleContentSide .single-thumbnail > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.singleMarginTop .mainSinglepage .singleContentSide .single-thumbnail > div img,
.singleMarginTop2 .mainSinglepage .singleContentSide .single-thumbnail > div img,
.staticSizeArchive .mainSinglepage .singleContentSide .single-thumbnail > div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 48px;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .singleContentSide .single-thumbnail > div img,
  .singleMarginTop2 .mainSinglepage .singleContentSide .single-thumbnail > div img,
  .staticSizeArchive .mainSinglepage .singleContentSide .single-thumbnail > div img {
    border-radius: 24px;
  }
}
.singleMarginTop .mainSinglepage .sidebarSinglePage,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage,
.staticSizeArchive .mainSinglepage .sidebarSinglePage {
  width: 305px;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .sidebarSinglePage,
  .singleMarginTop2 .mainSinglepage .sidebarSinglePage,
  .staticSizeArchive .mainSinglepage .sidebarSinglePage {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .sidebarSinglePage .listSide,
  .singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide,
  .staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide {
    display: none;
  }
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings {
  background-color: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  padding: 0 20px 20px;
  margin-bottom: 20px;
  border-radius: 24px;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent {
  padding: 12px 0;
  text-align: center;
  background-color: #da0402;
  margin: 0 20px 24px;
  border-radius: 0px 0px 20px 20px;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent span,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent span,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings .tabelBarContent span {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #ffffff;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent {
  padding-right: 0px;
  margin: 0;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li {
  list-style: disc;
  margin-bottom: 34px;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li:last-child,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li:last-child,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li:last-child {
  margin-bottom: 10px;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li a,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li a,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .post-headings ul.listTableContent li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .listSideItem,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .listSideItem,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .listSideItem {
  background-color: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  padding: 20px;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .listSideItem svg path,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .listSideItem svg path,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .listSideItem svg path {
  fill: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .listSideItem a,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .listSideItem a,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .listSideItem a {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover {
  background-color: #da0402 !important;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover,
  .singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover,
  .staticSizeArchive .mainSinglepage .sidebarSinglePage .listSide .listSideItem:hover {
    color: white !important;
  }
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive {
  background-color: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  padding: 0 20px 20px;
  margin-bottom: 20px;
  border-radius: 24px;
}
@media (max-width: 768px) {
  .singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive,
  .singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive,
  .staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive {
    display: none;
  }
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead {
  padding: 12px 0;
  text-align: center;
  background-color: #da0402;
  margin: 0 20px 24px;
  border-radius: 0px 0px 20px 20px;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead span,
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead div,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead span,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead div,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead span,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveHead div {
  color: white;
}
.singleMarginTop .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveItem,
.singleMarginTop2 .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveItem,
.staticSizeArchive .mainSinglepage .sidebarSinglePage .listSideArchive .listSideArchiveItem {
  padding: 24px 0;
  border-bottom: 1px solid #e0e0e0;
}

.bannerSide {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 458px;
  width: 100%;
  margin-bottom: 40px;
  border-radius: 24px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .bannerSide {
    margin-bottom: 0px;
  }
}
.bannerSide::before {
  content: "";
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3764705882);
}
.bannerSide img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.bannerSide .globalBannerContent {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
}
.bannerSide .globalBannerContent span {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #da0402;
}
.bannerSide .globalBannerContent h4 {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 16px;
  margin-bottom: 30px;
  text-align: center;
}

.global-gallery-item-parent {
  margin: 40px auto;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item {
  height: 139px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_9632)'%3E%3Cpath d='M8.33398 17.502V13.3354C8.33398 12.2303 8.77297 11.1705 9.55437 10.3891C10.3358 9.60769 11.3956 9.1687 12.5007 9.1687H16.6673' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33398 34.1687V38.3354C8.33398 39.4404 8.77297 40.5002 9.55437 41.2816C10.3358 42.063 11.3956 42.502 12.5007 42.502H16.6673' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.334 9.1687H37.5007C38.6057 9.1687 39.6655 9.60769 40.4469 10.3891C41.2283 11.1705 41.6673 12.2303 41.6673 13.3354V17.502' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.334 42.502H37.5007C38.6057 42.502 39.6655 42.063 40.4469 41.2816C41.2283 40.5002 41.6673 39.4404 41.6673 38.3354V34.1687' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 25.8352H31.25' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M25 32.0852V19.5852' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_9632'%3E%3Crect width='50' height='50' fill='white' transform='translate(0 0.835205)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
  z-index: 2;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a:hover::before {
  opacity: 1;
  visibility: visible;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item a:hover::after {
  opacity: 1;
  visibility: visible;
}
.global-gallery-item-parent .swiper-slide.global-gallery-item {
  border-radius: 32px;
  overflow: hidden;
}
.global-gallery-item-parent .swiper-pagination-sggallery {
  margin-top: 24px;
  text-align: center;
}
.global-gallery-item-parent span.swiper-pagination-bullet {
  height: 12px;
  width: 12px;
  border-radius: 0;
  background-color: #f5f5f5;
  transition: all 0.4s linear;
  opacity: 1;
  border-radius: 64px;
}
.global-gallery-item-parent .swiper-pagination-bullet-active {
  background-color: #da0402 !important;
  width: 32px !important;
}

.listSideUnderThumb {
  display: none;
}
@media (max-width: 768px) {
  .listSideUnderThumb {
    display: block;
  }
}
.listSideUnderThumb .quikAccess.extra-quikAccess,
.listSideUnderThumb .filter-archive-project-extra {
  color: white;
}
.listSideUnderThumb .quikAccess.extra-quikAccess .extra-tab-title,
.listSideUnderThumb .filter-archive-project-extra .extra-tab-title {
  background-color: #da0402 !important;
}
.listSideUnderThumb .quikAccess.extra-quikAccess svg path,
.listSideUnderThumb .filter-archive-project-extra svg path {
  stroke: white;
}
.listSideUnderThumb .quikAccess.extra-quikAccess li a,
.listSideUnderThumb .filter-archive-project-extra li a {
  color: white;
  background-color: #000000;
}
.listSideUnderThumb .quikAccess.extra-quikAccess ul,
.listSideUnderThumb .filter-archive-project-extra ul {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.listSideUnderThumb > div {
  margin: 16px auto;
}

.listSideUnderThumb {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .listSideUnderThumb {
    margin-bottom: 0;
  }
}

.extra-tab-buttons-project,
.extra-tab-buttons-blog,
.extra-quikAccess,
.extra-post-headings,
.archive-project-extra,
.filter-archive-project-extra {
  position: relative;
  width: calc(100% - 32px);
  display: none;
}
@media (max-width: 768px) {
  .extra-tab-buttons-project,
  .extra-tab-buttons-blog,
  .extra-quikAccess,
  .extra-post-headings,
  .archive-project-extra,
  .filter-archive-project-extra {
    display: block;
  }
}
.extra-tab-buttons-project .extra-tab-title,
.extra-tab-buttons-blog .extra-tab-title,
.extra-quikAccess .extra-tab-title,
.extra-post-headings .extra-tab-title,
.archive-project-extra .extra-tab-title,
.filter-archive-project-extra .extra-tab-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background: #da0402;
  border-radius: 16px;
}
.extra-tab-buttons-project .extra-tab-title svg,
.extra-tab-buttons-blog .extra-tab-title svg,
.extra-quikAccess .extra-tab-title svg,
.extra-post-headings .extra-tab-title svg,
.archive-project-extra .extra-tab-title svg,
.filter-archive-project-extra .extra-tab-title svg {
  transition: all 0.3s linear;
}
.extra-tab-buttons-project .extra-tab-title svg path,
.extra-tab-buttons-blog .extra-tab-title svg path,
.extra-quikAccess .extra-tab-title svg path,
.extra-post-headings .extra-tab-title svg path,
.archive-project-extra .extra-tab-title svg path,
.filter-archive-project-extra .extra-tab-title svg path {
  transition: all 0.3s linear;
}
.extra-tab-buttons-project ul,
.extra-tab-buttons-blog ul,
.extra-quikAccess ul,
.extra-post-headings ul,
.archive-project-extra ul,
.filter-archive-project-extra ul {
  margin-top: 10px;
  display: none;
}
.extra-tab-buttons-project li,
.extra-tab-buttons-blog li,
.extra-quikAccess li,
.extra-post-headings li,
.archive-project-extra li,
.filter-archive-project-extra li {
  padding: 20px 20px 20px;
  background-color: rgba(243, 243, 243, 0.1803921569);
  margin-bottom: 10px;
  border-radius: 16px;
  margin-left: 10px;
}

.rankMathBC a,
.rankMathBC span {
  color: #f5f5f5;
  margin: 0 4px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.rankMathBC p {
  display: flex;
  justify-content: start;
  align-items: center;
}
.rankMathBC .last:last-child {
  color: white;
  opacity: 1;
}
.rankMathBC a:first-child {
  margin-right: 0;
}

.rankmath-header a,
.rankmath-header span {
  color: var(--color-text3);
  margin: 0 4px;
  font-size: 14px;
  font-weight: 600;
}
.rankmath-header .last:last-child {
  color: #da1616;
  opacity: 1;
}
.rankmath-header a:first-child {
  margin-right: 0;
}

.rankMathBC {
  position: relative;
  z-index: 5;
}

.customSingleHead {
  display: flex;
  justify-content: start;
  align-items: stretch;
  gap: 20px;
}
@media (max-width: 768px) {
  .customSingleHead {
    flex-direction: column;
  }
}
.customSingleHead .contentSide {
  width: calc(100% - 542px);
}
@media (max-width: 768px) {
  .customSingleHead .contentSide {
    width: 100%;
  }
}
.customSingleHead .contentSide > p {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 32px;
  font-weight: 300;
  margin: 0;
  margin-bottom: 32px;
  text-align: justify;
}
@media (max-width: 768px) {
  .customSingleHead .contentSide > p {
    margin-bottom: 20px;
  }
}
.customSingleHead .contentSide .entry-title-custom-main {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 32px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
  text-align: justify;
}
@media (max-width: 768px) {
  .customSingleHead .contentSide .entry-title-custom-main {
    display: none;
  }
}
.customSingleHead .imgSide {
  max-width: 522px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.customSingleHead .imgSide .post-thumbnail {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 48px;
}
@media (max-width: 768px) {
  .customSingleHead .imgSide .post-thumbnail {
    border-radius: 24px;
  }
}
.customSingleHead .imgSide .post-thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .customSingleHead .imgSide {
    width: 100%;
    margin: auto;
  }
}
.customSingleHead .headerStacks {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
.customSingleHead .headerStacks .headerStacksItems {
  width: calc(50% - 10px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-box-bg);
  padding: 16px 24px;
  border-radius: 16px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .customSingleHead .headerStacks .headerStacksItems {
    width: 100%;
  }
}

article.tenders-auctions,
article.project {
  margin: 80px 0;
}

.indexBlog {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
}
.indexBlog .swiper-slide-parent {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 40px 20px;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .indexBlog .swiper-slide-parent {
    gap: 32px 20px;
  }
}
.indexBlog .swiper-slide {
  width: calc(33% - 14px);
}
@media (max-width: 1080px) {
  .indexBlog .swiper-slide {
    width: calc(50% - 10px);
  }
}
@media (max-width: 768px) {
  .indexBlog .swiper-slide {
    width: 100%;
  }
}
.indexBlog .hpostImag {
  height: 171px !important;
}
.indexBlog .hpostcontent h4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 480px) {
  .indexBlog .hpostcontent h4 {
    height: unset;
    -webkit-line-clamp: 1;
  }
}

.homeBlogSection .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.homeBlogSection .tab-content {
  margin: 40px 0;
}
.homeBlogSection .hpost {
  position: relative;
  width: 100%;
}
.homeBlogSection .hpost .postDate {
  font-size: 12px;
  line-height: 20px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
  gap: 4px;
  padding-right: 11px;
  margin-top: 12px;
}
.homeBlogSection .hpost .hpostImag {
  height: 232px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
.homeBlogSection .hpost .hpostImag::after {
  background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(153, 153, 153, 0.3) 100%);
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  z-index: 0;
  backdrop-filter: blur(30px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.homeBlogSection .hpost .hpostImag::before {
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='63' viewBox='0 0 64 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.01822 51.5244C6.56322 51.5244 6.18622 51.9014 6.18622 52.3564V53.2014H12.0362V54.8264H6.18622V56.5424C6.18622 56.9974 6.56322 57.3744 7.01822 57.3744H13.6612V58.9994H7.01822C5.66622 58.9994 4.57422 57.8944 4.57422 56.5424V52.3564C4.57422 51.0044 5.66622 49.8994 7.01822 49.8994H13.6612V51.5244H7.01822Z' fill='white'/%3E%3Cpath d='M16.584 59.0908H14.959V57.4658H16.584V59.0908Z' fill='white'/%3E%3Cpath d='M19.5039 58.9994H17.8789V49.8994H19.5039V58.9994Z' fill='white'/%3E%3Cpath d='M22.4238 59.0908H20.7988V57.4658H22.4238V59.0908Z' fill='white'/%3E%3Cpath d='M32.8187 49.8994V58.9994H31.1937V53.2014L29.5947 54.4234L28.2688 55.4504L26.9427 54.4234L25.3438 53.2014V58.9994H23.7188V49.8994L28.2688 53.3964L32.8187 49.8994Z' fill='white'/%3E%3Cpath d='M31.0818 0.5L0.466797 50.5C13.9668 34.5 38.9668 28.5 44.9668 38C49.7668 45.6 42.9668 53.8054 38.4668 57.4581H63.9668L31.0818 0.5Z' fill='white'/%3E%3Cpath d='M31.4668 36.0004C19.8668 35.6004 5.9668 45.5004 0.466797 50.5004C7.2668 41.7004 16.9668 37.1671 20.9668 36.0004C29.9668 32.5004 44.8668 30.7003 46.4668 41.5003C48.0668 52.3003 36.1328 60.3337 29.9668 63.0003C37.0778 58.167 49.4168 46.7004 41.8838 39.5004C39.9248 37.6419 36.6728 36.1799 31.4668 36.0004Z' fill='%23DA0402'/%3E%3C/svg%3E%0A");
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100px 100px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.homeBlogSection .hpost .hpostImag img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.homeBlogSection .hpost .hpostcontent h4 {
  margin: 16px 11px 0px 11px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
  height: 50px;
}
@media (max-width: 480px) {
  .homeBlogSection .hpost .hpostcontent h4 {
    height: unset;
    -webkit-line-clamp: 1;
  }
}
.homeBlogSection .hpost:hover .hpostImag::after, .homeBlogSection .hpost:hover .hpostImag::before {
  opacity: 1;
  visibility: visible;
}
.homeBlogSection .hpost:hover h4 {
  color: #da0402;
}

.listSideArchiveItem {
  transition: all 0.2s linear;
}
.listSideArchiveItem:last-child {
  border: 0 !important;
}
.listSideArchiveItem > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666666;
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
  transition: all 0.2s linear;
  cursor: pointer;
}
.listSideArchiveItem ul {
  display: block;
  margin: 0;
  padding: 0;
  padding-right: 10px;
  margin-top: 20px;
}
.listSideArchiveItem li {
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  color: #666666;
  transition: all 0.2s linear;
  margin-top: 14px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 7px;
  cursor: pointer;
}
.listSideArchiveItem svg path {
  transition: all 0.2s linear;
  fill: #666666;
}

.listSideArchiveItemActive > div {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.listSideArchiveItemActive svg path {
  fill: var(--color-text);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .listSideArchiveItemActive > div {
    color: #ffffff;
  }
  .listSideArchiveItemActive svg path {
    fill: #ffffff;
  }
}

.listSideArchiveItem ul {
  display: none;
}

.filter-archive-project-extra .listSideArchiveItem > div {
  padding: 20px 10px 20px;
}

.sitePagination ul.page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 80px;
  gap: 8px;
  padding: 0;
}
@media (max-width: 768px) {
  .sitePagination ul.page-numbers {
    margin-top: 32px;
  }
}

.sitePagination ul.page-numbers a,
.sitePagination ul.page-numbers span {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  font-weight: 600;
  line-height: 31px;
}

.sitePagination ul.page-numbers .current {
  background-color: var(--color-box-bg-darker);
  transition: all 0.3s ease-in-out;
  color: #da0402;
}

ul.page-numbers li svg path {
  stroke: var(--color-text);
  transition: all 0.3s ease-in-out;
}

ul.page-numbers li {
  list-style: none;
}

.coFormBack {
  margin: 80px 0;
}
.coFormBack .mainFormBox {
  margin-bottom: 80px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .coFormBack .mainFormBox {
    margin-top: 0px;
  }
}
.coFormBack form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1064px;
  margin: auto;
  gap: 0px 20px;
}
.coFormBack form .gform-footer,
.coFormBack form .gform-body {
  width: 100%;
}
.coFormBack form .gform_fields {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 20px 20px;
}
.coFormBack form .gform_fields > div {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .coFormBack form .gform_fields > div {
    width: 100%;
  }
}
.coFormBack form .gform_fields > div > label {
  font-size: 16px;
  line-height: 34px;
  background: var(--color-body-bg);
  position: relative;
  margin-right: 26px;
  z-index: 1;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 10px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.coFormBack form .gform_fields > div:has(textarea) {
  width: 100%;
  height: 260px !important;
}
.coFormBack form textarea {
  border: 1px solid #dfe2f7 !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  box-shadow: unset !important;
  height: 240px !important;
  color: var(--color-text) !important;
  background: var(--color-body-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
.coFormBack form .gform_fields > div:has([type=submit]) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: 100%;
}
.coFormBack form .gform_fields > div:has([type=submit]) input {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  background: #da0402;
  color: black;
  display: flex;
  justify-content: start;
  align-items: center;
  width: fit-content;
  height: 48px;
  position: relative;
  padding-left: 28px;
  padding: 12px 26px 12px 26px;
  transition: all 0.4s ease-out;
  margin-right: 72px;
  color: var(--color-text) !important;
  background: var(--color-box-bg) !important;
}
.coFormBack form .gform_fields > div:has([type=submit]) input:hover {
  background-color: #ffb605 !important;
}
.coFormBack form input:not([type=submit]) {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .coFormBack form input:not([type=submit]) {
    margin-bottom: 24px;
  }
}
.coFormBack form input:not([type=submit]) {
  border: 1px solid #dfe2f7 !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  box-shadow: unset !important;
  height: 70px !important;
  color: var(--color-text) !important;
  margin-bottom: 0 !important;
  background: var(--color-body-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
.coFormBack form input:not([type=submit]),
.coFormBack form textarea {
  position: relative;
  margin-top: -17px;
}
.coFormBack input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
  direction: rtl;
}
.coFormBack button,
.coFormBack input[type=button],
.coFormBack input[type=reset],
.coFormBack input[type=submit] {
  background: #da0402 !important;
  color: #fff !important;
  width: 100%;
  transition: box-shadow 0.2s ease-in-out, transform 0.3s ease-in-out !important;
  border-radius: 16px !important;
  max-width: fit-content !important;
  display: flex !important;
  align-items: center;
  justify-content: space-around;
  min-height: 45px !important;
  max-height: 45px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0) !important;
  padding: 14px 22px 14px 44px !important;
  position: relative !important;
  margin: auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97435 5.44165L2.91602 10.5L7.97435 15.5583' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0836 10.5H3.05859' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  background-position: 16px 11px !important;
}
.coFormBack button:hover,
.coFormBack input[type=button]:hover,
.coFormBack input[type=reset]:hover,
.coFormBack input[type=submit]:hover {
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0.2392156863) !important;
  transform: translateY(-4px) !important;
}

.mainFormHead .btnSide {
  border-radius: 100px;
  padding: 21px 32px;
  background: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  gap: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  margin: auto;
  margin-top: 16px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .mainFormHead .btnSide {
    top: -84px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    margin-bottom: 50px;
    margin-top: 8px;
  }
}
.mainFormHead .btnSide span {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--color-text);
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
.mainFormHead .btnSide span::before {
  position: absolute;
  content: "";
  background-color: #da0402;
  width: 39px;
  height: 19px;
  border-radius: 100%;
  top: -36px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.mainFormHead .btnSide span.active {
  color: #da0402;
}
.mainFormHead .btnSide span.active::before {
  opacity: 1;
  visibility: visible;
}

.iframe-contact-us {
  position: relative;
  margin-top: 208px;
  margin-bottom: 160px;
  display: none;
}

div#tabContact2 {
  display: block;
}

@media (max-width: 768px) {
  .iframe-contact-usUp {
    margin-bottom: -180px !important;
    padding: 0 15px !important;
  }
}
.iframe-contact-usUp .btnSide {
  border-radius: 100px;
  padding: 21px 32px;
  background: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  gap: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  margin-right: auto;
}
@media (max-width: 768px) {
  .iframe-contact-usUp .btnSide {
    top: -84px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
}
.iframe-contact-usUp .btnSide span {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-text);
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
.iframe-contact-usUp .btnSide span::before {
  position: absolute;
  content: "";
  background-color: #da0402;
  width: 39px;
  height: 19px;
  border-radius: 100%;
  top: -34px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.iframe-contact-usUp .btnSide span.active {
  color: #da0402;
}
.iframe-contact-usUp .btnSide span.active::before {
  opacity: 1;
  visibility: visible;
}

.iframe-contact-usUp {
  margin-bottom: -140px;
  padding-left: 150px;
}

.mainContactUsBack {
  max-width: 521px;
  width: 100%;
  padding: 0 50px 50px;
  background-image: url(../img/Frame1171276718.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 48px;
  position: absolute;
  top: -164px;
  z-index: 10;
  right: 72px;
}
@media (max-width: 768px) {
  .mainContactUsBack {
    border-radius: 24px;
    position: static;
    margin: auto;
    margin-top: 16px;
    padding: 0 24px 24px;
  }
}
.mainContactUsBack > h4 {
  margin: auto;
  width: fit-content;
  padding: 12px 50px;
  background-color: #da0402;
  margin-bottom: 52px;
  border-radius: 0 0 24px 24px;
  color: white;
  font-size: 20px;
  line-height: 40px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .mainContactUsBack > h4 {
    margin-bottom: 24px;
  }
}
.mainContactUsBack .mainContactUsBox {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}
.mainContactUsBack .mainContactSocial {
  background-color: #da0402;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-radius: 14px;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .mainContactUsBack .mainContactSocial {
    margin-top: 24px;
    justify-content: center;
  }
}
.mainContactUsBack .mainContactSocial span {
  font-size: 14px;
  font-weight: 400;
  color: white;
}
@media (max-width: 768px) {
  .mainContactUsBack .mainContactSocial span {
    display: none;
  }
}
.mainContactUsBack .mainContactSocial .socialItems {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.mainContactUsBack .mainContactSocial .socialItems a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
}
.mainContactUsBack .numbersCo p,
.mainContactUsBack .numbersCo span,
.mainContactUsBack .numbersCo a {
  color: white;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  padding-left: 16px;
}
.mainContactUsBack .numbersCo p::before,
.mainContactUsBack .numbersCo span::before,
.mainContactUsBack .numbersCo a::before {
  content: "";
  width: 4px;
  height: 1px;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: white;
}
.mainContactUsBack .numbersCo p:last-child,
.mainContactUsBack .numbersCo span:last-child,
.mainContactUsBack .numbersCo a:last-child {
  padding-left: 0px;
}
.mainContactUsBack .numbersCo p:last-child::before,
.mainContactUsBack .numbersCo span:last-child::before,
.mainContactUsBack .numbersCo a:last-child::before {
  display: none;
}
@media (max-width: 768px) {
  .mainContactUsBack .numbersCo p,
  .mainContactUsBack .numbersCo span,
  .mainContactUsBack .numbersCo a {
    font-size: 14px;
  }
}

.mainContactUsBox > div:first-child {
  height: 32px;
  width: 32px;
  background-color: #da0402;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secondaryframe {
  position: absolute;
  left: -1px;
  bottom: 0;
  top: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  flex-direction: column;
  background-color: var(--color-text2);
  padding: 10px 9px 10px 0px;
  gap: 12px;
  border-radius: 0px 12px 12px 0px;
}
@media (max-width: 768px) {
  .secondaryframe {
    right: 0px;
    width: fit-content;
    bottom: unset;
    top: -12px;
    flex-direction: row;
  }
}
.secondaryframe a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  height: 46px;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  width: 46px;
  z-index: 1;
}
.secondaryframe::before {
  content: "";
  position: absolute;
  height: 77px;
  width: 55px;
  top: -44px;
  z-index: 0;
  left: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='78' viewBox='0 0 55 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_857_2394)'%3E%3Cpath d='M4.80825e-06 131.312L-4.41485e-06 30.312L35.1379 30.312C46.1074 30.312 55 39.2046 55 50.1741L55 111.45C55 122.419 46.1074 131.312 35.1379 131.312L4.80825e-06 131.312Z' fill='white'/%3E%3Cpath d='M30.6211 30.7603C14.0648 29.9324 0.82822 16.6959 0.000403019 0.139566L0.000404358 30.7603L30.6211 30.7603Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_857_2394'%3E%3Crect width='55' height='77' fill='white' transform='translate(0 0.827911)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
}
@media (max-width: 768px) {
  .secondaryframe::before {
    transform: rotate(90deg);
    top: 0px;
    bottom: 0;
    right: -36px;
    left: unset;
  }
}
.secondaryframe::after {
  content: "";
  position: absolute;
  height: 77px;
  width: 55px;
  bottom: -44px;
  z-index: 0;
  left: 0px;
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='78' viewBox='0 0 55 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_857_2394)'%3E%3Cpath d='M4.80825e-06 131.312L-4.41485e-06 30.312L35.1379 30.312C46.1074 30.312 55 39.2046 55 50.1741L55 111.45C55 122.419 46.1074 131.312 35.1379 131.312L4.80825e-06 131.312Z' fill='white'/%3E%3Cpath d='M30.6211 30.7603C14.0648 29.9324 0.82822 16.6959 0.000403019 0.139566L0.000404358 30.7603L30.6211 30.7603Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_857_2394'%3E%3Crect width='55' height='77' fill='white' transform='translate(0 0.827911)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transform: rotateX(180deg);
}
@media (max-width: 768px) {
  .secondaryframe::after {
    transform: rotate3d(1, 1, 0, 185deg);
    top: 0px;
    bottom: 0;
    left: -41px;
    right: unset;
  }
}

.ImageGalleryItems {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 14px;
  height: 624px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .ImageGalleryItems {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 10px;
  }
}
.ImageGalleryItems a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
}
.ImageGalleryItems a::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_9632)'%3E%3Cpath d='M8.33398 17.502V13.3354C8.33398 12.2303 8.77297 11.1705 9.55437 10.3891C10.3358 9.60769 11.3956 9.1687 12.5007 9.1687H16.6673' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.33398 34.1687V38.3354C8.33398 39.4404 8.77297 40.5002 9.55437 41.2816C10.3358 42.063 11.3956 42.502 12.5007 42.502H16.6673' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.334 9.1687H37.5007C38.6057 9.1687 39.6655 9.60769 40.4469 10.3891C41.2283 11.1705 41.6673 12.2303 41.6673 13.3354V17.502' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.334 42.502H37.5007C38.6057 42.502 39.6655 42.063 40.4469 41.2816C41.2283 40.5002 41.6673 39.4404 41.6673 38.3354V34.1687' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.75 25.8352H31.25' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cpath d='M25 32.0852V19.5852' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_9632'%3E%3Crect width='50' height='50' fill='white' transform='translate(0 0.835205)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
  z-index: 2;
}
.ImageGalleryItems a::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
}
.ImageGalleryItems a:hover::before {
  opacity: 1;
  visibility: visible;
}
.ImageGalleryItems a:hover::after {
  opacity: 1;
  visibility: visible;
}
.ImageGalleryItems a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ImageGalleryItems a:nth-child(1) {
  grid-area: 3/4/5/5;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(1) {
    grid-area: 1/1/2/3;
  }
}
.ImageGalleryItems a:nth-child(2) {
  grid-area: 3/3/5/4;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(2) {
    grid-area: 2/1/3/2;
  }
}
.ImageGalleryItems a:nth-child(3) {
  grid-area: 1/3/3/5;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(3) {
    grid-area: 2/2/3/3;
  }
}
.ImageGalleryItems a:nth-child(4) {
  grid-area: 1/2/5/3;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(4) {
    grid-area: 3/1/4/3;
  }
}
.ImageGalleryItems a:nth-child(5) {
  grid-area: 1/1/3/2;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(5) {
    grid-area: 4/1/5/2;
  }
}
.ImageGalleryItems a:nth-child(6) {
  grid-area: 3/1/5/2;
}
@media (max-width: 768px) {
  .ImageGalleryItems a:nth-child(6) {
    grid-area: 4/2/5/3;
  }
}

.goalsItemsParent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 36px;
  margin-bottom: 160px;
}
@media (max-width: 768px) {
  .goalsItemsParent {
    flex-direction: column;
    margin-top: 26px;
    margin-bottom: 80px;
    gap: 50px;
  }
}
.goalsItemsParent .goalsItems {
  width: calc(33% - 10px);
  text-align: center;
  padding: 70px 40px 50px;
  border-radius: 24px;
  background-color: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  position: relative;
}
@media (max-width: 768px) {
  .goalsItemsParent .goalsItems {
    width: 100%;
    padding: 70px 16px 30px;
    gap: 50px;
  }
}
.goalsItemsParent .goalsItems::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='98' height='29' viewBox='0 0 98 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.782 22.0284C13.331 26.0234 16.7447 29 20.7773 29H76.5798C80.6124 29 84.0261 26.0234 84.5752 22.0284L86.2746 9.66354C87.0357 4.12593 91.7675 -1.90735e-06 97.3571 -1.90735e-06H48.6786H0C5.58966 -1.90735e-06 10.3215 4.12594 11.0825 9.66355L12.782 22.0284Z' fill='white'/%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 98px;
  height: 29px;
}
.goalsItemsParent .goalsItems .goalsSvg {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
}
.goalsItemsParent .goalsItems h4 {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0;
}
.goalsItemsParent .goalsItems p {
  color: var(--color-text);
  transition: color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  margin: 0;
  margin-top: 24px;
}
.goalsItemsParent .goalsItems .goalsItems {
  width: calc(33% - 10px);
  text-align: center;
  padding: 70px 40px 50px;
  border-radius: 24px;
  background-color: #f5f5f5;
  position: relative;
}
@media (max-width: 768px) {
  .goalsItemsParent .goalsItems .goalsItems {
    width: 100%;
    padding: 70px 14px 30px;
  }
}

.ImageGalleryBack {
  margin: 160px 0;
}
@media (max-width: 768px) {
  .ImageGalleryBack {
    margin: 80px 0;
  }
}

.twiceSliderBack {
  margin: 160px 0;
  position: relative;
}

.twiceSlider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
.twiceSlider .contentSide {
  width: 50%;
  max-width: 522px;
}
.twiceSlider .contentSide .TitleHeding.custom h3,
.twiceSlider .contentSide .TitleHeding.custom h5 {
  text-align: right;
}
.twiceSlider .swiperSide {
  width: calc(100% - 522px);
  height: 700px;
  flex-direction: row-reverse;
}

.swiperSide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.swiperSide .first-swiper {
  left: 20px;
  max-width: 200px;
  position: absolute;
  z-index: 10;
  height: 80%;
}
.swiperSide .first-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
  background: var(--color-box-bg-darker);
  transition: all 0.3s ease-in-out;
  border-radius: 24px;
}
.swiperSide .first-swiper .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.swiperSide .second-swiper {
  width: 650px;
  height: 700px;
  right: 0;
  position: absolute;
  width: calc(100% - 110px);
}
.swiperSide .second-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 144px 0px;
  background: var(--color-box-bg);
  transition: all 0.3s ease-in-out;
  border-radius: 48px;
}
.swiperSide .second-swiper .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.swiperSide .swiper-button-prev-first-swiper,
.swiperSide .swiper-button-next-first-swiper {
  display: flex;
  justify-content: end;
  align-items: center;
  position: absolute;
  width: -moz-fit-content !important;
  width: fit-content !important;
  left: 34px;
  margin: auto;
}
.swiperSide .swiper-button-next-first-swiper {
  top: 10px;
}
.swiperSide .swiper-button-prev-first-swiper {
  bottom: 10px;
  transform: rotate(180deg);
}

section.error-404.not-found {
  padding-top: 122px;
  height: 890px;
  background-image: url(../img/404Error1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center 50px;
}
@media (max-width: 480px) {
  section.error-404.not-found {
    background-image: url(../img/404Error2.png);
    background-position: center 50px;
    height: 700px;
  }
}

.error-404-not-found-content {
  text-align: center;
  margin: auto;
  height: calc(100% - 22px);
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: column;
  width: fit-content;
  padding-bottom: 100px;
}
.error-404-not-found-content h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  color: var(--color-text);
  margin: 0 0 8px;
  transition: all 0.3s ease-in-out;
}
.error-404-not-found-content p {
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  color: var(--color-text);
  margin: 8px 0 24px;
  transition: all 0.3s ease-in-out;
}

#SearchsContainer {
  z-index: 103;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s linear;
  overflow: auto;
}
@media (max-width: 1080px) {
  #SearchsContainer {
    padding-right: 15px;
    padding-left: 15px;
  }
}
#SearchsContainer input#search-input {
  max-width: 846px;
  width: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3098039216);
  padding-bottom: 18px;
  padding-right: 44px;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.3098039216);
}
#SearchsContainer span#closeSea {
  display: flex;
  justify-content: end;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 80px;
  cursor: pointer;
}
@media (max-width: 768px) {
  #SearchsContainer span#closeSea {
    margin-top: 24px;
  }
}
#SearchsContainer span#closeSea svg path {
  transition: all 0.2s linear;
}
#SearchsContainer span#closeSea:hover svg path {
  fill: #da0402;
}
#SearchsContainer .searchResults {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 20px;
  margin-top: 64px;
  max-width: 846px;
  width: 100%;
}
@media (max-width: 768px) {
  #SearchsContainer .searchResults {
    flex-direction: column;
    margin-top: 32px;
    gap: 32px;
  }
}
#SearchsContainer .searchResultsChild {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  #SearchsContainer .searchResultsChild {
    width: 100%;
  }
}
#SearchsContainer .searchResultsHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
#SearchsContainer .searchResultsHead span {
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
  color: white;
}
#SearchsContainer .searchResultsHead a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #da0402;
  transition: all 0.2s linear;
}
#SearchsContainer .searchResultsHead a:hover {
  transform: translate(-4px, 0px);
}
#SearchsContainer .search-item a span {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: white;
  width: 55%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
}
@media (max-width: 768px) {
  #SearchsContainer .search-item a span {
    max-width: 170px;
    font-size: 12px;
  }
}
#SearchsContainer .search-item a img {
  width: 33%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.2s linear;
  border-radius: 15px;
}
@media (max-width: 768px) {
  #SearchsContainer .search-item a img {
    width: 84px;
  }
}
#SearchsContainer .search-item a {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 12px 13px;
  height: 100%;
  width: 100%;
  gap: 11px;
  border: 1px solid #afafaf;
  border-radius: 15px;
}
#SearchsContainer .search-item a:hover span {
  color: #da0402;
}
#SearchsContainer .search-item {
  width: 100%;
  height: 97px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  #SearchsContainer .search-item {
    height: 72px;
    margin-bottom: 14px;
  }
}
#SearchsContainer .search-input-div {
  width: 100%;
  max-width: 846px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#SearchsContainer .search-input-div svg {
  position: absolute;
  right: 2px;
  top: 0;
}

#SearchsContainer .searchResultsHead a svg {
  margin-right: 8px;
}

#SearchsContainer.active,
.menuMobilesection.active {
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
  transition: all 0.4s linear 0.5s;
}

.backDropSearch {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(25px);
  z-index: 100;
  display: none;
}

.tabContent-singlePage {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.hpost2 .excerpt p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  color: #878787;
}
.hpost2 h4 {
  height: unset !important;
  -webkit-line-clamp: 1 !important;
}

.swipersinglePro .TitleProject a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tab-content1 {
  position: relative;
}

.tab-content1 .nextPrevBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.tab-content1 .nextPrevBtn > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-content1 .nextPrevBtn .swiper-button-next-swipersingleblog,
.tab-content1 .nextPrevBtn .swiper-button-prev-swipersinglePro {
  transform: rotate(180deg);
}

.con-real-jug {
  display: none;
  transition: all 0.3s linear;
}

.con-real-jug.active {
  display: block;
}

h1.entry-title-custom-extra {
  display: none;
}
@media (max-width: 768px) {
  h1.entry-title-custom-extra {
    display: block;
  }
}

.gform-theme--foundation .gfield textarea.large {
  min-block-size: unset !important;
}

.singleMarginTop2 .tab-buttons {
  border-radius: 100px;
  padding: 21px 32px;
  background: #f5f5f5;
  gap: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .singleMarginTop2 .tab-buttons {
    top: -84px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
}
.singleMarginTop2 .tab-buttons .tab-btn {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #020014;
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
.singleMarginTop2 .tab-buttons .tab-btn::before {
  position: absolute;
  content: "";
  background-color: #da0402;
  width: 39px;
  height: 19px;
  border-radius: 100%;
  top: -36px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.singleMarginTop2 .tab-buttons .tab-btn.active {
  color: #da0402;
}
.singleMarginTop2 .tab-buttons .tab-btn.active::before {
  opacity: 1;
  visibility: visible;
}

.progress-bar {
  position: relative;
  width: 100%;
  height: 30px;
  border-radius: 20px;
  overflow: hidden;
}

.progress-fill,
.progress-fill2,
.progress-fill3 {
  height: 100%;
  width: 0;
  border-radius: 20px;
  transition: width 3s ease-in-out;
  position: absolute;
}

.progress-fill {
  background: #02daaf;
  z-index: 3;
}

.progress-fill2 {
  background-color: #17284f;
  z-index: 2;
}

.progress-fill3 {
  background: #da0402;
  z-index: 1;
}

.progress-label1 {
  position: absolute;
  right: 0;
  color: white;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 4;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.progress-label2 {
  position: absolute;
  right: 0;
  color: white;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  z-index: 4;
}

.progress-label3 {
  position: absolute;
  left: 0;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  z-index: 4;
}

.percentProgressBar {
  display: flex;
  margin-top: 8px;
  margin-bottom: 20px;
  gap: 20px;
  font-size: 10px;
  font-weight: 300;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.percentProgressBar .percentPrItem1,
.percentProgressBar .percentPrItem,
.percentProgressBar .percentPrItem2 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 400;
}
.percentProgressBar .percentPrItem1 div,
.percentProgressBar .percentPrItem div,
.percentProgressBar .percentPrItem2 div {
  height: 5px;
  width: 5px;
  border-radius: 50%;
}
.percentProgressBar .percentPrItem1 div {
  background-color: #17284f;
}
.percentProgressBar .percentPrItem div {
  background-color: #02daaf;
}
.percentProgressBar .percentPrItem2 div {
  background-color: #da0402;
}

.archiveGetElement .fvre {
  width: calc(33% - 13px);
}
@media (max-width: 768px) {
  .archiveGetElement .fvre {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .archiveGetElement .fvre {
    width: 100%;
  }
}

.projects-inner {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 40px 20px;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .projects-inner {
    gap: 16px;
  }
}

.imageSwiperSide1 {
  position: absolute;
  height: calc(100% - 100px);
  width: 100%;
  bottom: 0;
  top: 80px;
  left: 0;
  z-index: -1;
  margin: auto;
  backdrop-filter: invert(1);
  opacity: 0.5;
}
.imageSwiperSide1 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.imageSwiperSide1 .swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.5;
  filter: blur(8px);
}
.imageSwiperSide1::before {
  position: absolute;
  content: "";
  bottom: -2px;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--blur-sec-liner);
  transition: all 0.3s ease;
  height: 170px;
  z-index: 2;
}
.imageSwiperSide1::after {
  position: absolute;
  content: "";
  top: -1px;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--blur-sec-liner);
  transition: all 0.3s ease;
  height: 170px;
  transform: rotate(180deg);
  z-index: 2;
}

.respons22 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 54px;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .respons22 {
    flex-direction: column;
    gap: 32px;
    margin-top: 10px;
  }
}
.respons22 .imageSwiperSide {
  width: 55%;
  height: 480px;
  margin-right: auto;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide {
    width: 100%;
    height: 340px;
  }
}
.respons22 .imageSwiperSide .swiper.responsiveImage {
  padding-top: 40px;
  padding-right: 90px;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiper.responsiveImage {
    padding-top: 0px;
    padding-right: 0px;
    padding: 54px 0 40px;
  }
}
.respons22 .imageSwiperSide .swiper-slide {
  height: 378px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: blur(3px);
  transform: translate(-20px, 0px) !important;
  transition: all 0.3s linear;
  opacity: 1;
  visibility: visible;
  opacity: 0.85;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiper-slide {
    transform: unset !important;
    height: 260px;
  }
}
.respons22 .imageSwiperSide .swiper-slide-prev {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiper-slide-prev {
    opacity: 1;
    visibility: visible;
  }
}
.respons22 .imageSwiperSide .swiperSlideIn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.respons22 .imageSwiperSide .swiperSlideIn img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.respons22 .imageSwiperSide .swiperSlideIn h4 {
  z-index: 1;
  color: white;
  bottom: 32px;
  position: absolute;
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiperSlideIn h4 {
    font-size: 14px;
  }
}
.respons22 .imageSwiperSide .swiper-slide-active {
  transform: scale(1.21) translate(28px, 0) !important;
  filter: blur(0px);
  opacity: 1;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiper-slide-active {
    transform: scale(1.21) translate(0px, -20px) !important;
  }
}
.respons22 .imageSwiperSide .swiper-slide-next {
  transform: scale(1.103) translate(-7px, 0px) !important;
}
@media (max-width: 768px) {
  .respons22 .imageSwiperSide .swiper-slide-next {
    transform: unset !important;
  }
}
.respons22 .contentSwiperSide {
  width: calc(45% - 80px);
  margin-top: 100px;
}
@media (max-width: 768px) {
  .respons22 .contentSwiperSide {
    width: 100%;
    margin: 0;
  }
}

.ParentMobilesNav1 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
  padding-right: 90px;
  margin-top: 15px;
}
@media (max-width: 768px) {
  .ParentMobilesNav1 {
    position: absolute;
    bottom: -82px;
    padding: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
}

.respons22 .imageSwiperSide .swiper-slide-active .swiperSlideIn::before {
  content: "";
  position: absolute;
  background: #000000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
  z-index: 1;
  height: 100%;
  width: 100%;
}

.responsBack {
  height: 720px;
  margin: 80px auto;
  margin-bottom: 160px;
  position: relative;
}
@media (max-width: 768px) {
  .responsBack {
    height: 1006px;
    padding-bottom: 100px;
  }
}

.contentSwiperSideParent {
  display: flex;
  justify-content: start;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .contentSwiperSideParent {
    width: 100%;
    position: static;
    height: 500px;
  }
}

.theme-dark .goalsItemsParent .goalsItems::before {
  background-image: url("data:image/svg+xml,%3Csvg width='98' height='29' viewBox='0 0 98 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.782 22.0284C13.331 26.0234 16.7447 29 20.7773 29H76.5798C80.6124 29 84.0261 26.0234 84.5752 22.0284L86.2746 9.66354C87.0357 4.12593 91.7675 -1.90735e-06 97.3571 -1.90735e-06H48.6786H0C5.58966 -1.90735e-06 10.3215 4.12594 11.0825 9.66355L12.782 22.0284Z' fill='%23020014'/%3E%3C/svg%3E");
}
.theme-dark .goalsSvg svg path,
.theme-dark .goalsSvg svg circle {
  fill: white;
}
.theme-dark section.error-404.not-found {
  background-image: url(../img/404Error1-Photoroom.png) !important;
}
@media (max-width: 768px) {
  .theme-dark section.error-404.not-found {
    background-image: url(../img/404Photoroom.png) !important;
  }
}
.theme-dark blockquote::before {
  background-image: url("data:image/svg+xml,%3Csvg width='53' height='53' viewBox='0 0 53 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.2129 41.0791C33.3891 41.0791 31.7856 40.3927 30.5186 39.0801C29.2543 37.7703 28.6172 36.1433 28.6172 34.3184L28.6172 14.8613C28.6172 14.8843 26.9903 12.9834 29.7383 11.1748C30.4281 9.50702 31.3571 8.02592 32.5303 6.74902L32.7686 6.49609C34.0556 5.16267 35.5756 4.11151 37.3096 3.3418C39.0741 1.55864 40.9351 2.16504 42.873 2.16504H44.4043C45.3953 2.16504 46.2628 2.56777 46.9189 3.24609L46.9209 3.24707C47.5779 3.9277 47.9364 4.79634 47.9365 5.75195V8.92676C47.9365 9.88348 47.5777 10.7513 46.9209 11.4316L46.9199 11.4326C46.2631 12.1123 45.3943 12.5137 44.4043 12.5137H42.873C41.7354 12.5137 40.8064 12.9052 39.9785 13.7627C39.1486 14.623 38.7452 15.618 38.7451 16.8613V17.6543C38.7451 17.8143 38.7787 17.8737 38.8535 17.9512V17.9521C38.9082 18.0088 38.9385 18.0208 38.9424 18.0225C38.9471 18.0245 38.9736 18.0352 39.043 18.0352H44.4043C46.1145 18.0352 47.6306 18.6392 48.8574 19.7959L49.0986 20.0352C50.3632 21.3451 50.9999 22.9714 51 24.7959V34.3184C51 36.1432 50.3626 37.7692 49.0986 39.0791V39.0801C47.8315 40.3923 46.2286 41.0791 44.4043 41.0791H35.2129ZM8.5957 50.165C6.77186 50.165 5.16915 49.4782 3.90234 48.166C2.63665 46.8558 2.00035 45.2286 2 43.4043V25.9473C2 24.0937 2.32798 22.3068 2.98535 20.6006L3.12109 20.2607C3.85664 18.4817 4.86504 16.9148 6.15137 15.582C7.43848 14.2487 8.95861 13.1975 10.6924 12.4277V12.4268C12.457 11.6437 14.3172 11.251 16.2549 11.251H17.7871C18.7766 11.251 19.6467 11.6523 20.3037 12.333V12.334C20.9602 13.0142 21.3193 13.882 21.3193 14.8379V18.0127C21.3193 18.9698 20.9603 19.8376 20.3037 20.5176C19.6465 21.1985 18.7764 21.5996 17.7871 21.5996H16.2549C15.1172 21.5997 14.1891 21.9912 13.3613 22.8486C12.5311 23.709 12.127 24.7039 12.127 25.9473V26.7402C12.127 26.899 12.1609 26.9589 12.2373 27.0381V27.0391C12.29 27.0934 12.3194 27.1054 12.3242 27.1074C12.328 27.109 12.3542 27.1211 12.4258 27.1211H17.7871C19.4975 27.1211 21.0136 27.7249 22.2402 28.8818L22.4814 29.1211C23.7456 30.4309 24.3828 32.0572 24.3828 33.8818V43.4043C24.3827 45.2289 23.7454 46.8551 22.4814 48.165L22.2402 48.4043C21.0135 49.5614 19.4974 50.165 17.7871 50.165H8.5957Z' fill='%23da0402' stroke='%23020014' stroke-width='4'/%3E%3C/svg%3E");
}

.catSide svg path,
.dateSide svg path {
  stroke: var(--color-text);
  transition: all 0.3s ease-in-out;
}

.iframe-Ution-archiveUp .btnSide {
  border-radius: 100px;
  padding: 21px 32px;
  background: var(--color-box-bg);
  gap: 24px;
  transition: all 0.3s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  margin: auto;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .iframe-Ution-archiveUp .btnSide {
    top: -84px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
  }
}
.iframe-Ution-archiveUp .btnSide span {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--color-text);
  position: relative;
  transition: all 0.3s linear;
  cursor: pointer;
}
.iframe-Ution-archiveUp .btnSide span::before {
  position: absolute;
  content: "";
  background-color: #da0402;
  width: 39px;
  height: 19px;
  border-radius: 100%;
  top: -36px;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.iframe-Ution-archiveUp .btnSide span.active {
  color: #da0402;
}
.iframe-Ution-archiveUp .btnSide span.active::before {
  opacity: 1;
  visibility: visible;
}

.tab-content-Ution-archive .cardSideAution {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 768px) {
  .tab-content-Ution-archive .cardSideAution {
    gap: 32px;
  }
}

.tab-content-Ution-archive:last-child {
  display: none;
}

div#loadMorePagination {
  margin: 40px auto 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  position: relative;
  cursor: pointer;
}
div#loadMorePagination::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L19 4L1 4Z' fill='%23F7BE00'%3E%3C/path%3E%3Cpath d='M1 4L19 4' stroke='%23da0402' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M4 1L1 4L4 7' fill='%23F7BE00'%3E%3C/path%3E%3Cpath d='M4 1L1 4L4 7' stroke='%23da0402' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  content: "";
  height: 8px;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -66px;
  transform: scale(1.5) rotate(-90deg);
  transition: all 0.2s linear;
}
div#loadMorePagination span {
  font-size: 15px;
  line-height: 30px;
  font-weight: 500;
  color: #da0402;
}

span.gfield_description.gform_fileupload_rules {
  position: absolute;
}

.filter-archive-project-extra ul {
  background-color: #c5c0c0;
  margin: 10px 0 0;
  border-radius: 16px;
  padding: 0 10px 0px 10px;
}
.filter-archive-project-extra .listSideArchiveItem > div {
  padding-left: 26px;
}
.filter-archive-project-extra .listSideArchiveItem > ul {
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
}

div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct,
div#recentPosts.homeBlogSectionBack.BlogRelatedbg {
  margin: 160px 0;
}
@media (max-width: 768px) {
  div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct,
  div#recentPosts.homeBlogSectionBack.BlogRelatedbg {
    margin: 80px 0;
  }
}
div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct .swiper.swipersinglePro,
div#recentPosts.homeBlogSectionBack.BlogRelatedbg .swiper.swipersinglePro {
  padding: 32px 0;
}
div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct .nextPrevBtn,
div#recentPosts.homeBlogSectionBack.BlogRelatedbg .nextPrevBtn {
  display: none;
}
@media (max-width: 768px) {
  div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct .nextPrevBtn,
  div#recentPosts.homeBlogSectionBack.BlogRelatedbg .nextPrevBtn {
    display: flex;
  }
}

div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct {
  padding: 40px 0;
  background-color: var(--color-box-bg-darker);
}
@media (max-width: 768px) {
  div#projectsRelated.bgLoghitSections.fixHeaderFlexProduct {
    padding: 32px 0;
  }
}

.singleContentSide > span {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  opacity: 0.75;
  margin: 0;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: justify;
  display: block;
}

.responsivecontent .swiper-slide > p {
  color: white;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin: 25px 0;
  text-align: justify;
}
.responsivecontent .swiper-slide h4 {
  color: white;
  transition: all 0.3s ease;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 0 24px 0;
  text-align: justify;
}
@media (max-width: 768px) {
  .responsivecontent .swiper-slide a {
    margin: auto;
  }
}

.theme-dark .imageSwiperSide1 {
  backdrop-filter: unset;
}
.theme-dark .respons22 .imageSwiperSide .swiper-slide-active .swiperSlideIn::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.23) 50%, rgba(0, 0, 0, 0.85) 100%);
}
.theme-dark .respons22 .imageSwiperSide .swiper-slide {
  filter: brightness(0.5) blur(3px);
}
.theme-dark .respons22 .imageSwiperSide .swiper-slide-active {
  filter: blur(0px);
}

.swiper-button-next-responsiveImage,
.swiper-button-prev-responsiveImage {
  position: static !important;
  height: 48px !important;
  width: 48px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  color: #000000 !important;
  transform: rotate(180deg);
}

.swiper-button-next-responsiveImage::after,
.swiper-button-prev-responsiveImage::after {
  display: none !important;
}

@media (min-width: 768px) {
  .respons22 .imageSwiperSide .swiper-slide {
    width: 250px !important;
  }
}
.TitleHeding.custom.TitleHedingRes {
  display: none;
}
@media (max-width: 768px) {
  .TitleHeding.custom.TitleHedingRes {
    display: flex;
  }
}

.twiceSliderBack .contentSide > p {
  color: var(--color-text);
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  line-height: 2.3em;
  margin-bottom: 32px;
  text-align: justify;
}

@media (max-width: 768px) {
  .twiceSliderBack .contentSide .TitleHeding {
    display: none;
  }
}
@media (max-width: 768px) {
  .twiceSliderBack .twiceSlider {
    flex-direction: column-reverse;
  }
  .twiceSliderBack .twiceSlider .contentSide {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
  }
  .twiceSliderBack .swiperSide {
    width: 100%;
    height: 440px;
  }
  .twiceSliderBack .swiperSide .first-swiper {
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    padding: 0 10px;
  }
  .twiceSliderBack .swiperSide .second-swiper {
    width: 100%;
    height: 360px;
  }
  .twiceSliderBack .swiperSide .second-swiper .swiper-slide {
    padding: 64px 0px;
  }
  .twiceSliderBack .swiperSide .swiper-button-prev-first-swiper,
  .twiceSliderBack .swiperSide .swiper-button-next-first-swiper {
    display: none;
  }
}

@media (max-width: 768px) {
  .twiceSliderBack .contentSide > a {
    margin: auto;
  }
}

.nextPrevRes {
  display: none;
}
@media (max-width: 768px) {
  .nextPrevRes {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    gap: 20px;
  }
}
.nextPrevRes > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nextPrevRes .swiper-button-prev-first-swiper {
  transform: rotate(180deg);
}

.goalsEyesBack {
  margin: 80px 0;
}

.not-found-moredi {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin: auto;
  padding: 30px;
  color: var(--color-text);
}

h1.entry-title-single22 {
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
  font-size: 32px;
  line-height: 50px;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
  text-align: justify;
}
@media (max-width: 768px) {
  h1.entry-title-single22 {
    font-size: 24px;
    line-height: 36px;
  }
}

.post-headings.extra-post-headings .extra-tab-title svg path {
  stroke: var(--color-text) !important;
  transition: all 0.3s ease-in-out !important;
}

.quikAccess.extra-quikAccess .extra-tab-title svg path {
  stroke: var(--color-text2) !important;
  transition: all 0.3s ease-in-out !important;
}

.post-headings.extra-post-headings .extra-tab-title {
  color: var(--color-text) !important;
  background-color: var(--color-box-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
@media (max-width: 768px) {
  .post-headings.extra-post-headings ul.listTableContent {
    padding: 0;
    list-style: none;
    margin-left: 0;
  }
  .post-headings.extra-post-headings li {
    background-color: var(--color-box-bg-darker);
    margin-left: 0;
  }
  .post-headings.extra-post-headings li a {
    color: var(--color-text) !important;
    font-size: 12px;
  }
}

.quikAccess.extra-quikAccess .extra-tab-title {
  color: var(--color-text2) !important;
  background-color: var(--color-box-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
@media (max-width: 768px) {
  .quikAccess.extra-quikAccess ul {
    padding: 0;
    list-style: none;
    margin-left: 0;
  }
  .quikAccess.extra-quikAccess li {
    background-color: #da0402;
    margin-left: 0;
  }
  .quikAccess.extra-quikAccess li a {
    color: white !important;
    font-size: 12px;
    background-color: transparent !important;
  }
}

.indexBlogArchive {
  width: 100% !important;
}

.site-footer .footerContainer .innersP .footerColumn .ListUlFooters li {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 12px;
  position: relative;
}
@media (max-width: 768px) {
  .site-footer .footerContainer .innersP .footerColumn .ListUlFooters li {
    padding-left: 20px;
    margin-bottom: 16px;
  }
  .site-footer .footerContainer .innersP .footerColumn .ListUlFooters li:last-child {
    margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .footerContainer .footerColumn:nth-child(n+2) li::before {
    content: "";
    position: absolute;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    bottom: 0;
    top: 0;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 8H2.6665M2.6665 8L6.6665 4M2.6665 8L6.6665 12' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}

@media (max-width: 768px) {
  .theme-dark .footerColumn:nth-child(n+2) li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 8H2.6665M2.6665 8L6.6665 4M2.6665 8L6.6665 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
}
.theme-dark .secondaryframe::before {
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='78' viewBox='0 0 55 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_857_2394)'%3E%3Cpath d='M4.80825e-06 131.312L-4.41485e-06 30.312L35.1379 30.312C46.1074 30.312 55 39.2046 55 50.1741L55 111.45C55 122.419 46.1074 131.312 35.1379 131.312L4.80825e-06 131.312Z' fill='%23020014'/%3E%3Cpath d='M30.6211 30.7603C14.0648 29.9324 0.82822 16.6959 0.000403019 0.139566L0.000404358 30.7603L30.6211 30.7603Z' fill='%23020014'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_857_2394'%3E%3Crect width='55' height='77' fill='%23020014' transform='translate(0 0.827911)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.theme-dark .secondaryframe::after {
  background-image: url("data:image/svg+xml,%3Csvg width='55' height='78' viewBox='0 0 55 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_857_2394)'%3E%3Cpath d='M4.80825e-06 131.312L-4.41485e-06 30.312L35.1379 30.312C46.1074 30.312 55 39.2046 55 50.1741L55 111.45C55 122.419 46.1074 131.312 35.1379 131.312L4.80825e-06 131.312Z' fill='%23020014'/%3E%3Cpath d='M30.6211 30.7603C14.0648 29.9324 0.82822 16.6959 0.000403019 0.139566L0.000404358 30.7603L30.6211 30.7603Z' fill='%23020014'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_857_2394'%3E%3Crect width='55' height='77' fill='%23020014' transform='translate(0 0.827911)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.site-footer .footerContainer .innersP .footerColumn .TitleFooter svg path {
  stroke: var(--color-text);
}

input::placeholder, input::-moz-placeholder,
textarea::placeholder,
textarea::-moz-placeholder {
  color: var(--color-text3) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
@media (max-width: 768px) {
  input::placeholder, input::-moz-placeholder,
  textarea::placeholder,
  textarea::-moz-placeholder {
    font-size: 13px !important;
  }
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text3) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.gform-footer.gform_footer.top_label {
  margin-top: 36px;
}
@media (max-width: 768px) {
  .gform-footer.gform_footer.top_label {
    margin-top: 32px;
  }
}

.post-headings ul.listTableContent li a {
  transition: all 0.3s linear;
}
.post-headings ul.listTableContent li:hover a {
  color: #da0402 !important;
}

.productsParent .productsChild .productsinner .chartSide h3 {
  display: none;
}
.productsParent .productsChild .productsinner .chartSide img {
  object-fit: contain !important;
}

.staticSizeArchive {
  padding-top: 48px;
}
@media (max-width: 768px) {
  .staticSizeArchive {
    padding-top: 50px;
  }
}

.counterUnit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 90px;
  border: 1px solid #f5f5f5;
  padding: 40px 80px;
}
@media (max-width: 768px) {
  .counterUnit {
    flex-wrap: wrap;
    gap: 40px 0px;
    padding: 30px 30px;
  }
}
.counterUnit .counterUnitItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 25%;
  position: relative;
}
.counterUnit .counterUnitItem::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #f5f5f5;
}
.counterUnit .counterUnitItem:last-child::before {
  display: none;
}
@media (max-width: 768px) {
  .counterUnit .counterUnitItem:nth-child(2)::before {
    display: none;
  }
}
.counterUnit .counterUnitItem .upper {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #da0402;
  font-size: 32px;
  flex-direction: row-reverse;
  line-height: 50px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .counterUnit .counterUnitItem .upper {
    font-size: 20px;
    line-height: 34px;
  }
}
.counterUnit .counterUnitItem .downer {
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .counterUnit .counterUnitItem .downer {
    font-size: 14px;
    line-height: 24px;
  }
}

.expired-auction {
  pointer-events: none;
  position: relative;
}

.coFormBack.expired-auction::before {
  content: "منقضی شده";
  height: 60px;
  width: fit-content;
  border-radius: 24px;
  border: 4px solid #da0402;
  position: absolute;
  top: 128px;
  bottom: 0;
  left: 0px;
  right: 0;
  margin: auto;
  z-index: 3;
  transform: rotate(-20deg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #da0402;
  font-size: 28px;
  line-height: 30px;
  font-weight: 800;
  padding: 20px 80px;
  box-sizing: content-box;
}
@media (max-width: 768px) {
  .coFormBack.expired-auction::before {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    padding: 6px 50px;
  }
}

div.gform_confirmation_message {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #a7d2a6;
  border-radius: 40px;
  padding: 30px 70px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin: auto;
}

.mainPageMarginNeg {
  margin-top: -120px;
}

.progress-wrapper1 {
  width: 100%;
  background-color: var(--progress-in-color);
  border-radius: 10px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  overflow: hidden;
  height: 32px;
  position: relative;
}
.progress-wrapper1 .progress-bar1 {
  height: 100%;
  width: 100%;
  background: #02daaf;
  color: #fff;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  border-radius: 8px;
  font-size: 14px;
  transition: width 2s ease-in-out;
}
.progress-wrapper1 .progress-bar1:has(.progress-text-stop) {
  background-color: #da0402 !important;
}

.swiper-slide.MyTeamItems .imgParentCover img {
  object-fit: cover !important;
}

.iframe-contact-usBack {
  padding-top: 80px;
}
@media (max-width: 768px) {
  .iframe-contact-usBack {
    padding-top: 88px;
  }
}

.theme-light span#searchHeaderForm path {
  fill: black;
}

.firstLoadingOverLayDay {
  position: fixed;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background: rgba(121, 121, 121, 0.6705882353);
  z-index: 100;
  backdrop-filter: blur(20px);
}
.firstLoadingOverLayDay div {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: pulse-ring 2s ease-in-out infinite;
  transition: all 0.3s linear;
}
.firstLoadingOverLayDay div svg {
  max-width: 70%;
  width: 400px;
  height: auto;
}

@keyframes pulse-ring {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 768px) {
  span.MobileMenuu.MenueBtnIcone {
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  .customizeLast {
    padding: 0px 14px 5px;
  }
}

.formPageTemplate form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 1064px;
  margin: auto;
  gap: 0px 20px;
}
.formPageTemplate form .gform-footer,
.formPageTemplate form .gform-body {
  width: 100%;
}
.formPageTemplate form .gform_fields {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  gap: 20px 20px;
}
.formPageTemplate form .gform_fields > div {
  width: calc(50% - 10px);
}
@media (max-width: 768px) {
  .formPageTemplate form .gform_fields > div {
    width: 100%;
  }
}
.formPageTemplate form .gform_fields > div > label {
  font-size: 16px;
  line-height: 34px;
  background: var(--color-body-bg);
  position: relative;
  margin-right: 26px;
  z-index: 1;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0 10px;
  color: var(--color-text);
  transition: all 0.3s ease-in-out;
}
.formPageTemplate form .gform_fields > div:has(textarea) {
  width: 100%;
  height: 260px !important;
}
.formPageTemplate form textarea {
  border: 1px solid #dfe2f7 !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  box-shadow: unset !important;
  height: 240px !important;
  color: var(--color-text) !important;
  background: var(--color-body-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
.formPageTemplate form .gform_fields > div:has([type=submit]) {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: 100%;
}
.formPageTemplate form .gform_fields > div:has([type=submit]) input {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  background: #da0402;
  color: black;
  display: flex;
  justify-content: start;
  align-items: center;
  width: fit-content;
  height: 48px;
  position: relative;
  padding-left: 28px;
  padding: 12px 26px 12px 26px;
  transition: all 0.4s ease-out;
  margin-right: 72px;
  color: var(--color-text) !important;
  background: var(--color-box-bg) !important;
}
.formPageTemplate form .gform_fields > div:has([type=submit]) input:hover {
  background-color: #ffb605 !important;
}
.formPageTemplate form input:not([type=submit]) {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .formPageTemplate form input:not([type=submit]) {
    margin-bottom: 24px;
  }
}
.formPageTemplate form input:not([type=submit]) {
  border: 1px solid #dfe2f7 !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  box-shadow: unset !important;
  height: 70px !important;
  color: var(--color-text) !important;
  margin-bottom: 0 !important;
  background: var(--color-body-bg) !important;
  transition: all 0.3s ease-in-out !important;
}
.formPageTemplate form input:not([type=submit]),
.formPageTemplate form textarea {
  position: relative;
  margin-top: -17px;
}
.formPageTemplate input.wpcf7-form-control.wpcf7-tel.wpcf7-text.wpcf7-validates-as-tel {
  direction: rtl;
}
.formPageTemplate button,
.formPageTemplate input[type=button],
.formPageTemplate input[type=reset],
.formPageTemplate input[type=submit] {
  background: #da0402 !important;
  color: #fff !important;
  width: 100%;
  transition: box-shadow 0.2s ease-in-out, transform 0.3s ease-in-out !important;
  border-radius: 16px !important;
  max-width: fit-content !important;
  display: flex !important;
  align-items: center;
  justify-content: space-around;
  min-height: 45px !important;
  max-height: 45px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0) !important;
  padding: 14px 22px 14px 44px !important;
  position: relative !important;
  margin: auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.97435 5.44165L2.91602 10.5L7.97435 15.5583' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0836 10.5H3.05859' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
  background-position: 16px 11px !important;
}
.formPageTemplate button:hover,
.formPageTemplate input[type=button]:hover,
.formPageTemplate input[type=reset]:hover,
.formPageTemplate input[type=submit]:hover {
  box-shadow: 0px 4px 32px 8px rgba(218, 4, 2, 0.2392156863) !important;
  transform: translateY(-4px) !important;
}

.gform_heading {
  text-align: center;
  margin-bottom: 40px;
}

.gform_heading h2.gform_title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 40px;
}

form .gf_page_steps span.gf_step_number {
  background: #dedede !important;
  border-radius: 8px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 17px !important;
  font-weight: 300 !important;
}

form .gf_page_steps {
  gap: 20px 130px !important;
  margin-bottom: 56px !important;
}

form .gf_page_steps .gf_step_completed {
  opacity: 0.5;
}

form .gf_page_steps .gf_step_completed .gf_step_number::after {
  background: #da0402 !important;
  border-color: #da0402;
}

form .gf_page_steps .gf_step_completed span,
form .gf_page_steps .gf_step_active span {
  color: #da0402;
}

form .gf_page_steps .gf_step_completed {
  opacity: 0.5;
}

form .gf_page_steps .gf_step_active span.gf_step_number {
  background: #da0402 !important;
  color: white !important;
  border-color: #da0402 !important;
}

.contentSwiperSide .swiper-slide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s linear;
}
.contentSwiperSide .swiper-slide-active {
  opacity: 1;
  visibility: visible;
  transition: all 0.4s linear;
}

.gform-body .gform_fields .gfield--type-select select {
  border: 1px solid #dfe2f7 !important;
  border-radius: 20px !important;
  padding: 18px 24px !important;
  box-shadow: unset !important;
  height: 70px !important;
  color: var(--color-text) !important;
  margin-bottom: 0 !important;
  transition: all 0.3s ease-in-out !important;
  background: var(--color-body-bg) 20px center/24px no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.43057 8.51192C4.70014 8.19743 5.17361 8.161 5.48811 8.43057L12 14.0122L18.5119 8.43057C18.8264 8.16101 19.2999 8.19743 19.5695 8.51192C19.839 8.82642 19.8026 9.29989 19.4881 9.56946L12.4881 15.5695C12.2072 15.8102 11.7928 15.8102 11.5119 15.5695L4.51192 9.56946C4.19743 9.29989 4.161 8.82641 4.43057 8.51192Z' fill='%2368696E'/%3E%3C/svg%3E%0A");
}

.gform-body .gfield--type-select {
  height: 87px;
}

.gform-body .gfield--type-select .gform-field-label {
  position: absolute;
}

.gform-body .gfield--type-select .ginput_container_select {
  position: relative;
  margin-top: 17px !important;
}

.gform-theme--framework .gfield--input-type-datepicker .ginput_container_date input::placeholder {
  color: #bbb !important;
}

.mamaMobileMenuParent .mobileMenu ul li.has-pulse-dot {
  position: relative;
}

.mamaMobileMenuParent .mobileMenu ul li.has-pulse-dot::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 22px !important;
}

.mamaMobileMenuParent .mobileMenu ul li.has-pulse-dot::after {
  background: #da0402 !important;
  border-radius: 50%;
  height: 6px !important;
  width: 6px !important;
  box-shadow: 0 0 0 0 #da0402 !important;
  transform: scale(1) !important;
  animation: pulse 2s infinite !important;
}

/*# sourceMappingURL=style-rtl.css.map */