@import "/themes/public/bootstrap/v5.2.3/css/bootstrap.min.css";
@font-face {
  font-family: iransans;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/themes/public/fonts/iransans.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: Kalameh-Bold;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/themes/public/fonts/Kalameh-Bold.ttf') format('truetype');
  font-display: swap;
}
* {
	font-family: iransans;
}
a {
  text-decoration: none;
}
.globalFont {
	font-family: iransans;
}
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  background-color: #000;
}
.mainpageechone {
  color: #000;
  font-size: 20px;
}
.maindiv {
  width: 85%;
  max-width:1200px;
  padding-top: 50px;
}
.swup {
  display: flex;
  justify-content: center;
}
header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 95%;
  max-width:1300px;
  padding: 20px 20px;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background: rgba(999,999,999,0.03);
}
.gradientanim1 {
  background: linear-gradient(0deg, #ffffff, #2f2f2f, #ffffff, #2f2f2f);
  background-size: 500% 400%;
  animation: animgradient1 2s ease-in-out infinite alternate;
}
.logoconchanger {
  filter: invert(0%);
  animation: logochangeColor 3s ease-in-out infinite alternate;
}
@keyframes logochangeColor {
  0% {
    filter: invert(0%);
  }
  100% {
    filter: invert(100%);
  }
}
@keyframes animgradient1 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.cursorPointer {
  cursor: pointer;
}
.viewer-canvas {
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.viewer-button {
  background-color: #b55972 !important;
}
.dhLpart {
  width: 320px;
  display: flex;
  margin: auto;
}
.w-5px {
  width: 5px;
}
.dhRpart {
  width: 100%;
  display: flex;
}
.btn-yellow {
  background: linear-gradient(0deg, #E5C501, #E5C501), rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 10px;
  padding: 8px 18px;
  color: #000;
  font-size: 0.9vw;
  border: 0;
  cursor: pointer;
  transition: 0.4s;
}
.btn-yellow:hover {
  box-shadow: 5px 5px 50px #E5C501;
  transition: 0.4s;
}
.btn-dark {
  background: linear-gradient(103.94deg, rgba(255, 255, 255, 0.2) -43.77%, rgba(255, 255, 255, 0) 105.57%), rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 10px;
  padding: 8px 18px;
  color: #fff;
  font-size: 0.9vw;
  cursor: pointer;
  transition: 0.4s;
}
.btn-dark:hover {
  box-shadow: 5px 5px 50px #555;
  color: #fff;
}
.btn-dark-yl:hover {
  background: #E5C501;
  color: #000;
}
.hdLogo {
  width: 3.8vw;
  margin: auto;
  cursor: pointer;
}
.hdLkht {
  position: relative;
  top: 10px;
  width: 1px;
  height: 49px;
  margin: auto 35px 0 0;
  background: linear-gradient(228.76deg, #FFFFFF 53.28%, rgba(255, 255, 255, 0) 73.36%);
  opacity: 0.25;
}
.w-100 {
  width: 100%;
}
.w-50 {
  width: 50%;
}
.dhLpartBTN {
  margin: auto;
}
.btn-yellow:hover {
  box-shadow: 0 0 20px #E5C501;
  color: #000;
}
.m-auto {
  margin: auto;
}
.hdMns {
  width: 100%;
  color: #fff;
  text-align: right;
  margin: auto;
  direction: rtl;
  list-style: none;
  display: flex;
}
.hdMns a {
  color: #6E6E6E;
  transition: 0.4s;
  cursor: pointer;
  font-size: 1vw;
}
.hdMns a:hover {
  color: #fff;
  transition: 0.4s;
}
.hdMns li {
  padding: 0 12px;
}
.hdMns li p {
  margin:0;
}
.htwvls {
  font-size: 1vw;
}
.hdMnsActive p , .hdMnsActive .htwvls {
  color: #E5C501;
  font-weight: bold;
}
.hftcrcl {
  width: 100%;
  display: flex;
  justify-content: center;
  display: none;
  overflow: hidden;
}
.hdMns .hdMnsActive .hftcrcl {
  display: flex;
}
.hftcrcl .dot {
  width: 6px;
  height: 6px;
  border-radius:100%;
  background: #E5C501;
}
.sec1desk {
  margin-top: 80px;
	z-index: 2;
	position: relative;
}
.bgGrSec1 {
  width: 100%;
  height: 100%;
  background: linear-gradient(99.16deg, rgba(255, 255, 255, 0.47) -125.03%, rgba(255, 255, 255, 0) 99.62%);
  backdrop-filter: blur(42px);
	-webkit-backdrop-filter: blur(42px);
  border-radius: 45px 59px 45px 235px;
  border: 1px solid #636363;
}
.sec1pooya {
  margin: auto;
  width: 540px;height: 600px;position: relative;
}
.sec1pB1 {
  position: absolute;bottom: 69px;
}
.sec1pB1 img {
  width: 100%;
}
.d3pbxP0 {
	position: absolute;bottom: 69px;
}
.sec1pB2 {
  height: 100%;width: 360px;margin-left: 61px;
}
.sec1pB3 {
  position: absolute;top: 5px;width: 430px;height: 620px;left: 115px;
}
.sec1pB3 img {
  width: 100%;height: 100%;
}
.sec1ooya {
  margin: auto;
  text-align:right;
}
.sec3ooya {
  text-align:right;
}
.s1dh1 {
  color: #C0C0C0;
  font-size: 0.81vw;
}
.sec1ooya p {
  color: #C0C0C0;
  font-size: 0.81vw;
}
.sec1oB1 {
  font-family: Kalameh-Bold;
  font-style: normal;
  font-weight: 900;
  font-size: 4vw;
  margin:0;
  color: #fff;
  padding: 10px;
}
.sec1oB1 span {
  font-family: Kalameh-Bold;
  color: #E5C501;
}
.h-100 {
  height: 100%;
}
.sec1oB2 {
  width: 100%;
  direction: rtl;
  padding: 10px;
}
.sec1oB2 p {
  width: 380px;
}
.sec1pB4 {
  width: max-content;
  height: 125px;
  padding:0 30px;
  background: radial-gradient(97.57% 210.75% at 0.9% 2.98%, #E5C501 0%, rgba(0, 0, 0, 0.5) 85%);
  backdrop-filter: blur(33px);
	-webkit-backdrop-filter: blur(33px);
  border-radius: 23px;
  position: absolute;
  bottom: 78px;
  right: 0;
  border: 1px solid #E5C501;
  text-align: center;
  display: flex;
}
.sec1pB4p1 {
  font-family: Kalameh-Bold;
  font-size: 2.7vw;
  margin: 0;
  color: #fff;
}
.sec1pB4p2 {
  font-family: Kalameh-Bold;
  margin: 0;
  font-size: 20px;
  color: #d5d5d5;
}
.callicn1 {
  width: 46px;
  height: 46px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.142) 0%, rgba(0, 0, 0, 0) 100%), rgba(255, 255, 255, 0.09);
  mix-blend-mode: normal;
  opacity: 0.98;
  backdrop-filter: blur(100px);
	-webkit-backdrop-filter: blur(100px);
  display: flex;
  border-radius: 30px;
}
.callactp1 {
  width: 180px;
  display: flex;
  margin-right:20px;
  margin: auto 30px;
  padding: 5px;
  transition: 0.4s;
  cursor: pointer;
}
.callactp1 p {
  color: #fff;
}
.callactp1:hover {
  background: #222;
  border-radius: 10px;
  transition: 0.4s;
}
.callactp0 {
  display: flex;
  justify-content: right;
  margin-top: 25px;
}
.m-auto-0 {
  margin: auto 0;
}
.khdma {
  font-family: Kalameh-Bold;
  color: #E5C501;
  font-size: 2.35vw;
  margin: 0;
}
.khdma span {
  font-family: Kalameh-Bold;
  color: #fff;
}
.sec2desk {
  margin-top: 160px;
  border-top:2px solid #E5C501;
  border-bottom:2px solid #E5C501;
  border-left:2px solid #E5C501;
  border-radius: 47px 47px 47px 160px;
}
.khdmap {
  color: #e6e6e6;
  margin: 0;
  font-size: 0.8vw;
}
.khdma {
  text-align: right;
}
.khdmaBt {
  color: #fff;
  font-family: Kalameh-bold;
  font-size: 1.15vw;
  font-weight: 500;
  margin-top: 10px;
}
.khdmaBc {
  font-size: 0.9vw;
  color: #818181;
  margin: 0;
}
.khdmaB {
  display: block;
  padding: 30px;
  margin: 30px 0;
  border: 2px solid #000;
  border-radius: 20px;
  transition: 0.4s;
}
.khdmaBiSCG {
  stroke: #fff;
}
.khdmaBiSCG2 {
  fill: #fff;
}
.grballsc2M {
  position: absolute;
  top: 0;
  height: 200%;
  width: 100vh;
  left: -100vh;
  opacity: 0.5;
}
.grballsc3M {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100vh;
  left: -100vh;
  opacity: 0.5;
}
.grballsc100M {
  position: absolute;
  width: 100%;
  height: 295%;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(229,197,1,0.50),rgba(0,0,0,0));
  filter: blur(100px);
}
.grballscP2 {
  position: absolute;top: 0;height: 200%;width: 100vh;right: -100vh;opacity: 0.5;
}
.grballscP99 {
  position: absolute;top: 0;height: 100%;width: 100vh;right: -100vh;opacity: 0.5;
}
.grballsc2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background:linear-gradient(rgba(229,197,1,0.45),rgba(0,0,0,0));
  filter: blur(100px);
}
.sec2deskRW {
  height: max-content;
  position: relative;
  padding: 50px 50px;
}
.p-relative {
  position: relative;
}
.backgrdntTd1 {
  background: linear-gradient(to left , rgb(0,0,0,1),rgba(0, 0, 0, 0.7),rgba(0,0,0,0));
  position: absolute;
  top: -5px;
  width: 100%;
  height: 50px;
  right: 0;
}
.backgrdntBd1 {
  background: linear-gradient(to left , rgb(0,0,0,1),rgba(0, 0, 0, 0.6),rgba(0,0,0,0));
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 50px;
  right: 0;
}
.backgrdntRd1 {
  background: #000;
  position: absolute;
  width: 20px;
  height: 100%;
  right: 0;
}
.sec3desk {
  margin-top: 300px;
}
.bgGrSec3B {
  background: linear-gradient(180deg, #E5C501 0%, rgba(229, 197, 1, 0) 100%);
}
.sec3oB1 {
  font-family: Kalameh-Bold;
  font-style: normal;
  font-weight: 900;
  font-size: 2.10vw;
  margin: 0;
  color: #fff;
  direction: rtl;
}
.sec3oB2 {
  margin-top: 20px;
  color: #C0C0C0;
  font-size: 14px;
  padding: 10px;
  direction: rtl;
  text-align: justify;
}
.mr-3 {
  margin-right: 20px;
}
.nmnkPr {
  text-align: right;
}
.nmnkPrC {
  font-size: 0.8vw;
  color:#FFD698;
  opacity: 0.75;
  margin: 0;
}
.nmnkPrT {
  font-family: Kalameh-Bold;
  font-size: 1.80vw;
  color:#fff;
  margin: 0;
}
.nmnkPrT span {
  font-family: Kalameh-Bold;
  color:#E5C501;
}
.nmnkPrT1 {
  font-family: Kalameh-Bold;
  font-size: 2.30vw;
  color:#fff;
  margin: 0;
}
.nmnkPrT1 span {
  font-family: Kalameh-Bold;
  color:#E5C501;
}
.text-left {
  text-align:left;
}
.text-right {
  text-align:right;
}
.hftcrcl2 {
  width: 100%;
  display: flex;
  justify-content: right;
  display: none;
  overflow: hidden;
}
.hftcrcl2 .dot {
  width: 40px;
  height: 3px;
  border-radius: 30px;
  background: #E5C501;
  margin-top:5px;
}
.hdMns .hdMnsActive .hftcrcl2 {
  display: flex;
}
.hdMns .nmkrC {
  color: #6E6E6E;
  cursor: pointer;
  transition: 0.4s;
}
.hdMns .nmkrC:hover {
  color: #fff;
  transition: 0.4s;
}
.splide__pagination__page.is-active {
  background: #E5C501 !important;
}
.lvrow {
  display: flex;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  flex-wrap: wrap;
}
.nmekrbx {
  border-radius: 20px;
  border: 2px solid #555;
  height: max-content;
  position: relative;
  transition: 0.4s;
}
.nmekrbhvrx {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: none;
  justify-content: center;
}
.nmekrbhvrxIN {
  width: 85%;
  background: linear-gradient(113.5deg, #FFDC09 -27.2%, rgba(255, 238, 131, 0.29) 50.65%, #FFDD0D 100.87%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid #000;
  border-radius: 27px 27px 27px 69px;
  padding: 20px;
  display: flex;
}
.nmekrTtl {
  margin: 0;
  color: #2d2d2d;
  font-size: 0.9vw;
}
.nmekrzTtl {
  font-family: Kalameh-Bold;
  margin: 0;
  font-size: 1.3vw;
  color: #2d2d2d;
}
.sec5desk {
  margin-top: 180px;
}
.splide__pagination--ttb {
  left:-50px !important;
  right:auto !important;
}
.splide__arrows--ttb .splide__arrow--prev {
  top: -30px !important;
}
.sec6desk {
  margin-top: 120px;
}
.nemoonekarha {
  margin-top: 35px;
}
.d3pbx {
  margin: auto;width: 540px;height: 524px;position: relative;
}
.d3pbxdts {
  height: 330px;margin-bottom: 85px;width: 135px;margin-left: -10px;
}
.d3pbxP1 {
  width: 172px;margin-left: 288px;height: 408px;background: linear-gradient(180deg, #E5C501 0%, rgba(229, 197, 1, 0) 100%);border-top-left-radius: 50px;border-top-right-radius: 100px;
}
.d3pbxP2 {
  height: 100%;width: 360px;margin-left: 37px;margin-top: -471px;
}
.d3pbxP3 {
  position: absolute;top: -141px;width: 450px;height: 678px;left: 67px;
}
.d3pbxP3 img {
  width: 100%;height: 100%;
}
.d3pbxP4 {
  top: -66px;position: absolute;
}
.d3pbxP5 {
  width: 536px;margin-left: 40px;
}
.grballscP3 {
  margin-top: -787px;left: -72vh;position: absolute;opacity: 0.7;height: 700px;width: 100vh;
}
.grballscP4 {
  position: absolute;top: 0;height: 200%;width: 100vh;right: -80vh;opacity: 0.5;
}
.cmnt-abox {
  margin: auto;width: max-content;height: max-content;
}
.cmnt-aboxB {
  width: 315px;height: 315px;background: linear-gradient(113.5deg, rgba(255, 255, 255, 0.47) -27.2%, rgba(255, 255, 255, 0) 100.87%);
	backdrop-filter: blur(42px);
	-webkit-backdrop-filter: blur(42px);
	border-radius: 100%;
}
.cmnt-aboxA {
  margin-top: -290px;position: relative;width: 315px;height: 315px;border-radius: 100%;margin-left: -30px;
}
.nazarat {
  margin-top: 70px;
}
.cmt-text {
  font-size: 1.35vw;
  color: #fff;
  text-align: right;
  margin: 20px 0;
}
.m-70 {
  margin: 0 70px;
}
.m-60 {
  margin: 0 60px;
}
.naghleghol {
  margin-bottom: -18px;
}
.cmnt-pbrB {
  color: #fff;text-align: right;margin-right: 70px;
}
.cmnt-pbrP1 {
  font-family: Kalameh-Bold;
  font-size: 1.1vw;
  color: #c3c3c3;margin: 0;
}
.cmnt-pbrP2 {
  margin: 0;
  font-size: 0.7vw;
  color: #979797;
}
.cmntpbkht {
  width: 300px;
  margin-top: -51px;
  margin-right: -40px;
}
.sec7desk {
  margin-top: 150px;
  position: relative;
  z-index: 1;
}
.blghmpstIMG {
  width: 100%;
  height: auto;
  object-fit: unset;
  border: 2px solid #fff;
  border-radius: 20px;
  transition: 0.4s;
}
.blghmpstB {
  margin: 10px;
  text-align: right;
}
.blghmpstT {
  font-family: Kalameh-Bold;
  font-size: 1.1vw;
  color: #fff;
  font-weight: normal;
  transition: 0.4s;
}
.blogPostPrBx .blghmpstT {
  font-size: 18px;
}
.blghmpstC1 {
  font-size: 12px;
  color: #f9f9f9;
  margin: 0;
}
.blghmpstC2 {
  font-size: 12px;
  color: #FF5C00;
  margin: 0;
}
.blghmpstC3 {
  font-size: 12px;
  color: #00E0FF;
  margin: 0;
}
.blghmpstC4 {
  font-size: 12px;
  color: #EBFF00;
  margin: 0;
}
.grballscP5 {
  margin-top: -441px;
  left: -72vh;
  position: absolute;
  opacity: 0.7;
  height: 700px;
  width: 100vh;
}
.footerDesk {
  margin-top: 150px;
  position: relative;
}
.footerMob {
	position: relative;
	padding: 0 22px;
}
.footerMobIN {
  background: #E5C501;
  border-radius: 30px;
  position: relative;
  z-index: 2;
}
.footerMobIMG {
  height: 100%;
  right: 0;
  position: absolute;
  z-index: 2;
	border-bottom-right-radius: 30px;
}
.footerDeskIN {
  background: #E5C501;
  border-radius: 67px;
  position: relative;
  z-index: 2;
}
.footerDeskIMG {
  width: 100%;
  margin-top: -100px;
  position: relative;
  z-index: 2;
}
.footerDeskIMGLines {
  margin-top: -331px;
  width: 420px;
  margin-left: 93px;
  z-index: 1;
  position: relative;
}
.footerDeskLB {
  margin: auto 0 auto auto;
  text-align: right;
}
.footerMobLB {
  margin: auto 0 auto auto;
  text-align: right;
	padding: 20px 0 20px 12px;
}
.dftCM {
	font-family: Kalameh-Bold;
	font-size: 18px;
	margin: 0;
    color: #000;
}
.dftCM2 {
  font-family: Kalameh-Bold;
  font-size: 15px;
  margin: 0;
  color: #000 !important;
}
.footerDeskRB {
  margin: auto;
  text-align: right;
}
.dftT {
  font-weight: 400;
  font-size: 0.87vw;
  margin: 0;
}
.dftC {
  font-family: Kalameh-Bold;
  font-size: 1.3vw;
  margin: 0;
  color: #000;
}
.dftH {
  border: 1px solid rgba(0, 0, 0, 0.18);
}
.btn-dark2 {
  background: linear-gradient(0deg, #000000, #000000), rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 10px;
  padding: 8px 20px;
  color: #E5C501;
  transition: 0.4s;
  font-size: 0.9vw;
  border: 0;
}
.btn-dark2:hover {
  box-shadow: 5px 5px 50px #000000;
  transition: 0.4s;
  color: #E5C501;
}
.ftddtsb {
  position: absolute;
  bottom: -35px;
  left: -35px;
  width: 150px;
  z-index: 1;
}
.ftddtst {
  position: absolute;
  top: -35px;
  right: -35px;
  width: 150px;
  z-index: 1;
}
.dskhdrLns {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
	z-index: 1;
}
.footer-p2 {
  margin-top: 100px;
  position: relative;
}
.ftrp2t {
  color: #787676;
  text-align: justify;
  font-size: 0.96vw;
}
.justify-content-left {
  justify-content: left !important;
}
.ftrLstT {
  font-family: Kalameh-Bold;
  font-size: 20px;
  color: #fff;
}
.ftrLst {
  list-style: none;
  padding: 0;
  color: #787676;
}
.ftrLst a {
  color: #787676;
  transition: 0.4s;
  font-size: 0.86vw;
}
.ftrLst a:hover  {
  color: #fff;
  transition: 0.4s;
}
.ftrLst .activeFtplst {
  color: #fff;
}
.ftrLstTx {
  color: #AAAAAA;
  font-size: 0.87vw;
  line-height: 2;
}
.ftrLstTx a {
  color: #AAAAAA !important;
}
.ftrLstTx a:hover {
  color: #fff !important;
}
.ftbrprt {
  padding-left: 180px;
}
.ftSocialBtn {
  margin-top: -20px;
  margin-right: -20px;
  padding: 20px;
}
.ftSocialBtn svg {
  fill: #787676;
  transition: 0.4s;
}
.ftSocialBtn:hover svg {
  fill: #fff;
  transition: 0.4s;
}
.footer-p2-bm {
  position: relative;
  z-index: 2;
}
.grballscP6 {
  bottom: 350px;
  position: absolute;
  opacity: 0.7;
  height: 700px;
  width: 100vh;
}
.cprTexts {
  color: #787676;
}
.ftTpLn {
  margin-top: 50px;
  width: 100%;
}
.ftTpBx {
  display: flex;
  justify-content: center;
  margin-top: -30px;
}
.ftTpBtn {
  position: relative;
  width: 55px;
  height: 64px;
	cursor: pointer;
}
.ftTpBtnArr {
  position: relative;
  margin-top: -80px;
  margin-left: 19px;
}
.topBtnBx {
	position: relative;
	z-index: 2;
}
.ftTpBtn .ftTpBtnBg path {
  fill: #E5C501;
  transition: 0.4s;
}
.ftTpBtn:hover .ftTpBtnBg path {
  fill: #FFEB27;
  transition: 0.4s;
}
.ftmmshdw {
  width: 100%;
  position: absolute;
  bottom: -10px;
}
.ftLines1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ftLines2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ftLinesBx {
  left: 0;
  right: 0;
  position: absolute;
  opacity: 0.3;
  z-index: 1;
}
.mobHeader {
	padding: 0 30px;
}
.mblDhLpart {
	display: flex;
	width: max-content;
}
.mblDhRpart {
	width: 100%;
	text-align: right;
}
.mblDhLpartBTN {
  margin: auto;
	padding: 10px 15px;
	margin-left: -10px;
}
.p0 {
	padding: 0 !important;
}
.khadamatMonIn {
	padding-left: 100px !important;
	padding-right: 30px !important;
}
.mblBrnds img {
  width: 50%;
}
.mblBrnds {
	opacity: 0.4;
}
.mblBrnds:hover {
	opacity: 1;
}
.brandsMb .splide__pagination {
	opacity: 0.1;
}
.brandsMb .splide__arrow {
	display: none !important;
}
.sec4mob {
	margin-top: 100px;
}
.sec5mob {
	margin-top: 50px;
}
.khadamatMon .splide__arrow {
	top: -55px;
}
.sec3ooya p {
  color: #C0C0C0;
  font-size: 15px;
}
.sec2mob {
	margin-top: 80px;
}
.mblscttls {
	padding: 20px;
}
.mblscttls .khdmap {
	color: #b9b9b9;
}
.mblscttls .khdma {

}
.sec6mob {
	margin-top: 100px;
}
.text-center {
	text-align: center;
}
.khadamatMonIn .khdmaB {
  opacity: 0.4;
}
.khadamatMonIn .is-active .khdmaB {
  border: 2px solid #E5C501;
  border-radius: 24px 24px 24px 34px;
  color: #E5C501;
  opacity: 1;
}
.khadamatMonIn .is-active .khdmaBiSCG {
	stroke: #E5C501;
}
.khadamatMonIn .is-active .khdmaBiSCG2 {
  fill: #E5C501;
}
.khadamatMonIn .is-active .khdmaBt {
	color: #E5C501;
}
.khadamatMonIn .is-active .khdmaBc {
	color: #fff;
}
.nemoonekarhaMob {
	height: 280px;
}
.p-15 {
	padding: 15px;
}
.w-350 {
	width: 350px;
}
.nemoonekarhaMob .splide__arrow {
	top: -55px;
}
.showmorembl {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.showmorembl .btn-yellow {
	width: 130px;
	display: block;
	text-align: center;
}
.nemoonekarhaMob .nmekrbx {
	opacity: 0.5;
}
.nemoonekarhaMob .is-active .nmekrbx {
	opacity: 1;
}
.nemoonekarhaMob .is-active .nmekrbhvrx {
	display: flex;
}
.nemoonekarhaMob .is-active .nmekrbx {
	border: 2px solid #E5C501;
}
.nazaratMob .splide__arrow {
	top: -45px;
}
.nazaratMob {
	height: max-content;
	padding-bottom: 30px;
}
.nazaratMobUl {
	height: max-content !important;
}
.newsMbl .splide__arrow {
	top: -45px;
}
.newsMbl {
	height: max-content;
	padding-bottom: 30px;
}
.newsMbl {
	height: max-content !important;
}
.ftddtsbMBL {
	position: absolute;
	z-index: 1;
	top: -35px;
	right: 20%;
	width: 100px;
}
.ftddtsbMBL2 {
	position: absolute;
	z-index: 1;
	width: 105px;
	left: 5px;
	bottom: -30px;
}
.amarB {
  margin: 15px;
  height: 250px;
  border-radius: 20px;
  padding: 0 50px;
  justify-content: center;
  display: flex;
  color: #fff;
  transition: 0.4s;
}
.amarBi {
  margin: auto 0;
  width: 100%;
}
.amarB svg {
  stroke: #fff;
  transition: 0.4s;
}
.amarB:hover svg {
  stroke: #000;
  transition: 0.4s;
}
.amarB:hover {
  background: #E5C501;
  color: #000;
  transition: 0.4s;
}
.amarBt {
  font-family: Kalameh-Bold;
  font-size: 50px;
  direction: ltr;
  text-align: right;
  margin: 20px 0;
}
.amarBc {
  font-family: Kalameh-Bold;
  font-size: 18px;
}
.azaBoxBG {
  height: auto;
  width: 100%;
  background: #1A1A1A;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 300px;
  border-bottom-left-radius: 300px;
  position: relative;
}
.azaBoxBG img {
  border-bottom-right-radius: 300px;
  border-bottom-left-radius: 300px;
  width: 100%;
  height: auto;
  bottom: 0;
  position: relative;
  filter: grayscale(100%);
}
.azaFt {
  display: flex;
  margin: 15px 0;
}
.azaFtB1 {
  margin: auto 0;
  width: 100%;
  text-align: center;
}
.azaFtB1p1 {
  font-family: Kalameh-Bold;
  color: #fff;
  margin: 0;
  font-size: 18px;
}
.azaFtB2 a svg {
  opacity: 0.5;
  transition: 0.4s;
}
.azaFtB2 a:hover svg {
  opacity: 1;
  transition: 0.4s;
}
.azaFtB1p2 {
  color: #8B8B8B;
  margin: 0;
  font-size: 13px;
}
.azaFtB2 {
  display: flex;
  margin: auto;
}
.azaBoxMn {
  padding: 15px;
}
.azaBoxMn:hover .azaBoxBG {
  background: #E5C501;
  transition: 0.4s;
}
.azaBoxMn:hover .azaBoxBG img {
  filter: unset;
  transition: 0.4s;
}
#preload {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(999,999,999,0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 9999;
  display: none;
}
.preload {
  height: 100%;
  width: 100%;
  display: flex;
}
.preloadIn {
  background: rgba(255, 255, 255, 0.2);
  margin: auto;
  border-radius: 100%;
  padding: 16px 16px 10px 16px;
}
.preloadIn span {
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: loadingspin 2s linear infinite;
}
@keyframes loadingspin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.d4pbx {
  margin: auto 0;
  width: 311px;
  height: 541px;
  position: relative;
  top: -110px;
}
.d4pbxP0 {
  position: absolute;
  bottom: -91px;
  right: -60px;
  width: 251px;
}
.d4pbxdts {
  height: 100%;
  width: 100%;
}
.d4pbxP2 {
  height: 100%;
  width: 100%;
  margin-top: 110px;
}
.d4pbxP3 {
  position: absolute;
  top: 102px;
  width: 351px;
  height: 573px;
  left: -68px;
}
.d4pbxP3 img {
  width: 335px;
}
.bgGrSec4 {
  width: 100%;
  height: 100%;
  background: linear-gradient(99.16deg, rgba(255, 255, 255, 0.47) -125.03%, rgba(255, 255, 255, 0) 99.62%);
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  border-radius: 45px 45px 235px 45px;
  border: 1px solid #636363;
}
.justify-content-right {
  justify-content: right !important;
}
.accordionMTvl {
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 2px solid #8C8C8C;
  font-size: 15px;
  transition: 0.4s;
  background: transparent;
  border-radius: 15px;
  margin-top: 20px;
  text-align: right;
  font-weight: bold;
  display: flex;
  position: relative;
  z-index: 1;
}
.activeMTvl, .accordionMTvl:hover {
  background-color: #E5C501;
  color: #000;
  border: 2px solid #E5C501;
  transition: 0.4s;
}
.panelMTvl {
  display: none;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  text-align: right;
  border: 1.5px solid #E5C501;
  border-radius: 15px;
  padding: 40px 10px 10px 10px;
  margin-top: -23px;
}
.mtdvlT {
  text-align: right;
  color: #cdcdcd;
  font-size: 15px;
}
.accordionMTvlIcn svg {
  margin: auto;
  stroke: #fff;
  transition: 0.4s;
}
.activeMTvl svg , .accordionMTvl:hover svg {
  stroke: #000;
  transform: rotate(180deg);
  transition: 0.4s;
}
.azabxmbl , .amarbxmbl {
  display: inline-flex;
  width: 100%;
  overflow: auto;
  direction: rtl;
}
.azabxmbl .azaBox {
  width: 280px;
  margin: 0 10px;
}
.azabxmbl .azaBoxMn .azaBoxBG {
  background: #E5C501;
}
.azabxmbl .azaBoxMn .azaBoxBG img {
  filter: unset;
}
.amarbxmbl .amarB {
  width: 250px;
  background: #E5C501;
  color: #000;
  margin: 0 10px;
}
.amarbxmbl .amarB svg {
  stroke: #000;
}
.sec1pB3 img {
  animation: hearAnimation 2s linear infinite;
}
.sec1pB1 {
  animation: rotateCrc 200s linear infinite;
}
.sec1pB2 {
  animation: chapRast1 3s linear infinite;
}
.newsMbl button {
  display: none !important;
}
.mbldstbbx a {
  width: 100%;
  display: block;
  background: rgba(255,255,255,0.1);
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.ordhr {
  height: 2px;
  opacity: 0.3;
  background: #fff;
  margin-top: 30px;
}
.orderplanbox {
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-radius: 30px;
  padding: 30px;
  position: relative;
  height: calc(100% + 65px);
  transition: 0.4s;
}
.orderplanbox:hover {
  border: 2px solid rgba(229, 197, 1, 0.37);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.142) 0%, rgba(0, 0, 0, 0) 100%);
}
.orbxpimgbx {
  margin-top: -130px;
  text-align: right;
}
.orbxpimgbx img {
  width: 100%;
  max-width: 160px;
}
.text-white {
  color: #fff;
}
.bshtrbdbtn {
  width: 100% !important;
  display: block;
  text-align: center;
  border: 0;
}
.ordhr2 {
  height: 2px;
  opacity: 0.3;
  background: rgba(255, 255, 255, 0.21);
  margin-top: 30px;
  box-shadow: 0 0 20px 10px #fff3;
}
.ordbx2btm {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 20px;
}
.ordbmtp {
  margin-bottom: 200px;
}
.ordbmtp .text-right {
  line-height: 1.1;
}
.mobilemenu {
  top: 0;
  left: -100vw;
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 36px;
  background: #0000008a;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  z-index: 10;
}
.mobilemenuIN {
  direction: rtl;
}
.mobilemenuIN .sdt3 {
  color: #ffffff8a;
  border-top: 1px solid #2e454e82;
  padding-top: 25px;
  margin-top: 30px;
}
.sdmnItem {
  margin-top: 5px;
  border-radius: 10px;
  padding: 10px;
  margin-right: -10px;
  cursor: pointer;
  display: flex;
  transition: .4s;
}
.sdmnItem p {
  color: #fff;
  margin: auto 15px auto 0;
  padding-top: 4px;
}
.sdmnItemActive {
  background: rgba(208, 180, 28, 0.87);
}
.closeMobileMenu {
  position: absolute;
  left: 30px;
  font-size: 20px;
  top: 30px;
  background: rgba(255, 255, 255, 0.24);
  border-radius: 10px;
  width: 50px;
  height: 50px;
  display: none;
}
.closeMobileMenu svg {
  fill: #fff;
  margin: 10px;
}


@media (max-width: 1050px) {
  .maindiv {
    width: 100%;
  }
  .deskHeader {
    display: none;
  }
  .mobHeader {
    display: flex;
  }
  .hideonmob {
    display: none !important;
  }
  .ordbmtp {
    margin-bottom: 110px;
  }
  .nmekrbxIMG {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.4s;
  }
  .sec1ooya {
    width: 100%;
    text-align: center;
  }
  .sec1oB1 {
    font-size: 42px;
    line-height: 1.2;
  }
  .sec1oB2 p {
    width: 100%;
  }
  .sec1ooya p {
    font-size: 13.5px;
  }
  .mbltmsbm1 {
    width: 82px;
    padding: 7px 15px;
    margin-left: 20px;
  }
  .callactp0 {
    justify-content: center;
  }
  .callactp1 {
    width: 156px;
    display: flex;
    margin: auto 0;
    padding: 5px;
  }
  .bgGrSec1 {
    background: linear-gradient(99.16deg, rgba(255, 255, 255, 0.47) -125.03%, rgba(255, 255, 255, 0) 99.62%);
    border-radius: 0px 35px 132.5px 0px;
  }
  .sec1pB4p1 {
    margin-top: -10px;
  }
  .sec1pB4p2 {
    margin-top: -15px;
  }
  .dskhdrLns {
    opacity: 0.5;
    width: 82%;
  }
  .sec1desk {
    margin-top: 100px;
  }
  .sec3desk {
    margin-top: 130px;
  }
  .sec3ooya {
    text-align: center;
  }
  .sec3oB1 {
    font-size: 29px;
  }
  .callactp0 {
    margin: 32px 20px 0 20px;
  }
  .callactp0 .btn-dark {
    width: 50%;
  }
  .callactp0 .btn-yellow {
    width: 38%;
  }
  .nmekrbx {
    margin: 0 10px;
  }
  .nmekrbhvrxIN {
    padding: 7px 20px;
  }
  .nmekrbhvrxIN {
    width: 80%;
  }
  .cmnt-pbrB {
    text-align: center;
    margin-right: 0;
    margin-top: 10px;
  }
  .cmnt-pbrB .cmnt-pbrP1 {
    color: #fff;
  }
  .cmt-text {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    margin: 10px 15px;
  }
  .naghleghol {
    margin-bottom: -12px;
    width: 30px;
    margin-left: 5px;
  }
  .naghleghol2 {
    margin-bottom: -20px;
    width: 30px;
    margin-right: 5px;
  }
  .blghmpstB {
    text-align: center;
  }
  .ftbrprt {
    padding: 10px;
  }
  .ftrp2t {
    font-size: 15px;
    text-align: right;
  }
  .cprTexts {
    border-top: 1px solid #222;
    padding-top: 20px;
  }
  .t-c-onmob {
    text-align: center;
  }
  .khdmttlonmbBX {
    padding-top: 120px !important;
  }
  .khdmttlonmb {
    position: absolute;
    top: 0;
  }
  .khdmaBMBL {
    border: 0 !important;
  }
  .khdmaBMBL > * {
    text-align: center;
  }
}
@keyframes rotateCrc {
  0% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes balaPaein1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes chapRast1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes hearAnimation {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(1.1);
  }
  10% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.1);
  }
  25% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.mainInBox {
  margin-top: 50px;
  position: relative;
  z-index: 1;
}
.colorBox {
  height: 170px;
  border-radius: 30px;
  position: relative;
  border: 2px solid #ffffff4a;
}
.colorBox p {
  position: absolute;
  bottom: 0;
  left: 20px;
  direction: ltr;
  color: #000;
  font-size: 13px;
  padding: 5px 10px;
  border: 1px solid #000 !important;
  box-shadow: 0 0 10px #fff;
  background: #fff;
  border-radius: 10px;
}
.prjTitle {
  text-align: center;color: #fff;margin: 20px 0px;font-size: 30px;opacity: 0.9;
}
.projectHead {
  border-radius: 30px;width: 100%;background-size: cover; background-position: center;
}
.phin2 {
  border-radius: 30px;position: relative;top: 0;left: 0;width: 100%;height: 100%;background: rgba(229,197,1,1);padding:40px;display: grid;height: max-content;
}
.w-40 {
  width:40%;
}
.pjcthdt1 {
  margin: 0;font-weight: bold;color: #000;opacity: 0.5;
}
.pjcthdt2 {
  margin: 0;font-weight: bold;color: #000;
}
.pjcthdimg {
  margin: 25px auto;opacity: 0.85;height: 250px;
}
.pjcthdt3 {
  margin: 0;font-weight: normal;color: #55556E;
}
.pjcthdt4 {
  margin: 0;font-weight: normal;color: #fff;
}
.prjctDesc , .prjctDesc * {
  color: #9F9F9F !important;
}
.boxHz1 {
  margin-top:10px;
  margin-bottom: 30px;
  direction: rtl;height: max-content;
}
.boxHz1In1 {
  height: 100%;
  background: #E5C501;border-radius:40px;display: flex;
}
.boxHz1In1 img {
  width:40%;
  margin: 50px auto 28px auto;
}
.boxHz1In2 {
  height: 100%;
  background: linear-gradient(125.53deg, #181818 -9.99%, #131313 106.36%);;border-radius:40px;display: flex;
}
.x3drotateBox {
  width: 65%;
  margin: auto;
  perspective: 20em;
}
.x3drotateBoxIN {
  line-height: 14em;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  animation: y-axis-animation 1s ease-in-out 0s infinite alternate;
}
@keyframes y-axis-animation {
  from {transform: rotateY(20deg)}
  to {transform: rotateY(-20deg)}
}
.teknoloBox {
  background: rgba(999,999,999,0.1);border-radius: 10px;padding: 12px;
}
.teknottl {
  font-size: 18px !important;
  font-weight: bold;
}
.d-teknoloBox {
  display: flex;
}
.teknoloji1 {
  margin: 10px 0;
  background: rgba(188, 159, 159, 0.2);
  border-radius: 10px;
  display: flex;
  padding: 5px 5px 5px 20px;
  margin-left: 10px;
  border: 2px solid #00000030;
  width: 100%;
}
.teknoloji1 img {
  width: 4vw;
  border-radius: 10px;
  box-shadow: 0 0 35px #3c879873;
  border: 2px solid #00000030;
}
.teknoloji1 p {
  margin: auto;
  padding-right: 15px;
  font-size: 0.9vw !important;
}
.teknoloBox p {
  color: #c0c0c0;
  font-size: 14px;
}
.teknoloji2 {
  background: #2977ff;
  color: #fff;
  padding: 5px 10px;
  margin: 10px;
  border-radius: 30px;
  width: max-content;
  display: inline-block;
  font-size: 20px;
  transition: 0.4s;
}
.teknoloji2:hover {
  color: #fff;
  box-shadow: 0 0 20px #2977ff;
  transition: 0.4s;
}
.border30 {
  border-radius: 30px;
}
.showSiteBtn {
  background: #000;color: #fff;text-align: center;padding: 10px;border-radius: 30px;margin: 20px;font-size: 30px;
  transition: 0.4s;
}
.showSiteBtn:hover {
  color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  transition: 0.4s;
}
.appdlBx {
  background: #E5C501;position: relative;border-radius: 40px;height: 500px;
}
.appdlBxIn1 {
  position: absolute;left: 0;top: 0;width: 55%;height: 100%;background-repeat: no-repeat;background-size: cover;border-top-left-radius: 40px;border-bottom-left-radius: 40px;
}
.appdlBxIn2 {
  display:flex;position: absolute;top: 0;right: 0;height: 100%;width: 45%;
}
.appdlBxIn3 {
  text-align: right;padding: 50px;margin:auto;
}
.appdlBxInTXT {
  font-size: 49px;font-weight: bold;font-family: Kalameh-Bold;color: #000;
}
.seoDetBox {
  background: #101010;
  width: 100%;
  height: 225px;
  padding: 25px 30px;
  border-radius: 50px;
}
.seoDetBox p {
  color: #868688;
  font-size: 12px;
}
.seoDetBoxIN {
  display: flex;
  height: 100%;
  padding-bottom: 50px;
}
.seoDetBox .seoDetBoxIN div {
  margin: auto;
  font-size: 30px;
}
.seoDetBox .bzrgFT {
  font-size: 90px !important;
}
.seoDetBox .bzrgFT2 {
  font-size: 60px !important;
}
.seoDetBox .bzrgFT3 {
  font-size:35px !important;
}
.seoKalamatBox {
  background: #E5C501;
  padding: 15px;
  border-radius: 20px;
  width: 100%;
  height: max-content;
}
.seoKalamatBox p {
  font-size: 13px;
  color: #545454;
}
.seoKalamatBox div , .seoKalamatBox div * {
  font-size: 15px;
  color: #000 !important;
  font-weight: bold;
}

.blogPostContent {
  color:#fff;line-height: 2;
}
.blogPostContent img {
  margin-top: 50px;
  height: auto;
  border-radius: 30px;
  max-width: 100%;
}
.blogPostContent figure {
  text-align: center;
}
.blogCategoryItem {
  direction: rtl;
  background: rgba(999,999,999,0.1);
  border: 2px solid rgba(0,0,0,0);
  padding: 5px 10px;
  margin: 3px 2px;
  border-radius: 30px;
  width: max-content;
  display: inline-block;
  transition: 0.4s;
  font-size: 0.8vw;
}
.blogCategoryItem:hover {
  color: #fff;
  box-shadow: 0 0 10px #2977ff;
  transition: 0.4s;
}
.blogCategoryItem2 {
  direction: rtl;
  background: rgba(999,999,999,0.1);
  color: #fff;
  padding: 5px 10px;
  margin: 3px 2px;
  border-radius: 30px;
  width: max-content;
  display: inline-block;
  transition: 0.4s;
  font-size: 0.8vw;
}
.blogCategoryItem2:hover {
  color: #fff;
  box-shadow: 0 0 10px #2977ff;
  transition: 0.4s;
}
.blgpstMnCt {
  border: 2px solid rgba(255, 227, 0, 0.28);
}
.otherPosts .blghmpstIMG {
  width: 100%;
  height: auto;
}
.blgPHd {
  display: flex;
  position:relative;
  border:3px solid #707070;
  height:max-content;
  width: 100%;
  border-radius: 20px;
}
.blgPHdImgBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  filter: blur(200px);
  opacity: 0.7;
}
.blgPHdImg {
  box-shadow: 0px 0px 100px rgba(0,0,0,0.9);
  width: 50%;
  object-fit: fill;
  border-radius: 20px;
  margin: 100px auto;
  z-index: 9;
}
.blgPHd2 {
  background: #1B1B1B;display: flex;position: absolute;bottom: 20px;right: 20px;padding:15px 10px;border-radius: 30px;border: 1px solid #555;
}
.blgPHd3 {
  margin: auto;
  height: 50px;width: 50px;object-fit: cover;border-radius: 20px;
}
.blgPHd4 {
  margin: auto 20px;
}
.blgPHd5 {
  color: #fff;font-family: Kalameh-Bold;margin: 0;font-size: 13px;
}
.blgPHd6 {
  color: #555;margin: 0;font-size: 13px;
}
.blgshrbtn {
  cursor: pointer;
  background: #151515;
  border-radius: 10px;
  padding: 10px;
  width: max-content;
  text-align: center;
  color:#555;
  margin: auto 0;
  font-size: 0.8vw;
}
.blgpstPdng {
  padding: 0 50px;
}
.blgbxshr1 {
  display: flex;
}
.blgbxshr3 {
  background: #555;width: 1px;margin: 0 30px;opacity:0.7;
}
.blgbxshr5 {
  font-size: 0.8vw;
  color:#676767;padding-right:10px;
}
.blgbxshr5 a {
  color:#676767;
}
.blgxshbx0 {
  display: grid;
  flex-wrap: wrap;
}
.blogPostTdets {
  -webkit-flex-order: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  margin-top:40px;
  margin-bottom:30px;
}
.blogPostTitle {
  -webkit-flex-order: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  font-family: Kalameh-Bold;color:#fff;direction: rtl;margin-bottom: 60px;
  font-size: 2.2vw;
}
.gerdAvari {
  text-align: center;color: #fff;border-top: 1px solid #555;padding-top: 25px;margin-top: 40px;
}
.blgmtnbbs1 {
  border:3px solid #1B1B1B;border-radius: 20px;
  box-shadow: 0 0 80px rgba(219, 214, 133, 0.3);
}
.blogPostImage {
  height: auto;
  width: 100%;
  object-fit: unset;
  border-radius: 25px;
  border: 3px solid #c2c2c2;
}
.blogPostPrewCnt {
  color: #555;
  font-size: 14px;
}
.blogPostPrBx {
  display: grid;
  padding: 10px;
}
.blogPostPrBx .blghmpstB {
  margin-right: 0px;
}
.blogPostPrBx:hover .blogPostImage {
  border: 3px solid #E5C501;
  transition: 0.4s;
}
.blogPostPrBx:hover .blghmpstT {
  color: #E5C501;
  transition: 0.4s;
}
.searchInp {
  width: 100%;
  border-radius: 10px;
  background: rgba(999,999,999,0.1);
  border: 0;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 0.87vw;
}
.srchqrtxt {
  color:#fff;font-size:20px;
}
.blogPageFilterBx {
  position: sticky;top:100px;margin-left: 10%;
}
.blgfltrsbxb {
  direction:rtl;background: rgba(999,999,999,0.1);padding: 20px;border-radius: 20px; color: #fff;
}
.swal2-popup {
  direction: rtl;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(999,999,999,0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.swal2-container.swal2-center>.swal2-popup {
  background: #000000;
  border-radius: 30px;
}
.prflMnBX {
  display: grid;
  justify-content: center;
  text-align: right;
}
.prflMnBX a {
  color: #808080;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
}
.prflMnBX i {
  color: #808080;
  font-size: 30px;
  margin: auto 0;
  margin-left: 10px;
}
.prflMnBX span {
  margin: auto 0;
  font-size: 17px;
}
.prflMnBX a:hover {
  color: #fff;
}
.prflMnBX a:hover i {
  color: #fff;
}
.ncftlogo {
  width: 214px;
}
.ftenmicns {
  width: 45px;
  margin: auto 0;
  margin-left: 8px;
}
.swal2-actions {
  width: 90% !important;
}
.swal2-styled.swal2-cancel {
  background: #222222 !important;
  color: #a3a3a3 !important;
  border: 0 !important;
  width: 100%;
  font-weight: bold;
}
.swal2-close {
  border-radius: 30px !important;
  margin: 25px !important;
  position: absolute;
  display: flex;
  background: #ff03035c !important;
  height: 40px !important;
  width: 40px !important;
  padding-bottom: 5px !important;
}
.swal2-close:focus{
  box-shadow: unset !important;
}
.swal2-styled.swal2-confirm {
  background: #E5C501 !important;
  color: #000 !important;
  border: 0 !important;
  width: 100%;
  font-weight: bold;
}
.swal2-actions button {
  border-radius: 30px !important;
}
.swal2-actions button:focus{
  box-shadow: unset !important;
}
.prflMnBX .active {
  color: #E5C501;
}
.prflMnBX .active i {
  color: #E5C501;
}
.sec6desk .splide--slide {
  height: 400px;
}
.splide__pagination {
  margin-bottom: -30px;
}
.toastrCls {
  top: 20px;
  direction: rtl;
}
.border-radius-30 {
  border-radius: 30px !important;
}
.contact-input {
  padding: 10px;
  border-radius: 10px;
  text-align: right;
  color: #fff;
  border:2px solid #525252;
  background-color: #000;
  width: 100%;
  transition: 0.4s;
}
.contact-input:focus {
  outline: none !important;
  box-shadow: unset !important;
  color: #E5C501;
  border: 2px solid rgba(229, 197, 1, 0.8);
}
.contact-input:hover {
  border: 2px solid rgba(229, 197, 1, 0.8);
}
.cntctfrmbxt {
  margin-top: 130px;
  margin-bottom: 200px;
}
.locationbxcnt {
  margin-top: 3rem;
}
.cntcicnssdl {
  width: 100px;
  margin: auto;
  font-size: 40px;
  text-align: center;
}
.nmnkrmdtbx ,.nmnkrmdtbxLoading {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.nmnkrmdtbxIN {
  flex: 0 0 auto;
  width: 50%;
  padding: 10px;
}
.nmnkrmdtbxLoading {
  text-align: center;
}
.nmnkrmdtbxLoading img {
  background: #000;border-radius: 30px;width: 100%;padding: 20px;height: 100%;object-fit: contain;
}
.form-control {
  transition: 0.4s;
}
.form-control:focus {
  background: rgb(220, 220, 220);
}
.text-justify {
  text-align: justify;
}
.pbxp2t {
  color: #fff;margin-top: 80px;border: 1px solid #424242;border-radius: 10px;padding: 20px;
}
.pbxp2tT {
  text-align: center;margin: 50px 10px;
}
.khdmpgimg {
  width: 100%;
  border-radius: 20px;
}
.khdmpgHs {
  font-size: 25px !important;
  text-align: justify;
  font-weight: bold;
}
.khdmbxp2 {
  border:1px solid rgba(999,999,999,0.2);
  padding: 10px;
  border-radius: 15px;
  text-align: center;
  height: 100%;
}
.khdmpgimg2 {
  width: 100px;
}
.khdmpgHr {
  margin: 50px 0;
}
.ordbtpfx {
  margin-bottom: 130px;
}
.pspodrsit {
  padding: 10px;
}
.pspodrsit2 {
  padding: 10px;
}
.d-flex-mg {
  display: flex;
}
.datebx {
  position: absolute;
  top: 0;
  left: 0;
  width: max-content;
  background: #eaeaea;
  color: #000;
  padding: 5px 13px;
  border-radius: 30px;
  font-size: 13px;
}
.deleteCommentBtn {
  cursor: pointer;
  background: #ff00001f;
  border-radius: 30px;
  display: flex;
  padding: 10px;
  color: #555;
}
.deleteCommentBtn:hover {
  background: rgba(255, 0, 0, 0.33);
}
.deleteCommentBtn svg {
  margin: auto;
}
.commentsBX {
  display: flex;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
  border-radius: 20px;
}
.commentsBXavatar {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 20px;
  margin-left: 10px;
}
.commentsBX1 p {
  text-align: right;
  margin: 0;
}
.commentsBXcomment {
  color: #cccccc;
}
.commentsBXtitle {
  color: #fff;
  border-bottom: 1px solid;
  margin-bottom: 6px !important;
  width: max-content;
}
.commentsBXdate1 {
  font-size: 12px;
  margin-top: 10px;
  color: #6e6666;
}
.nocommentfind {
  padding: 50px 20px;
  color: #c9c9c9;
}
.nocommentfind svg {
  display: block;
  margin: 0 auto 15px;
  width: 70px;
  height: 70px;
  color: #f98f1d;
  background-color: rgba(249, 143, 29, 0.2);
  border-radius: 50%;
  padding: 15px;
}
#commentsLoadingView {
  display: none;
  text-align: center;
  padding: 80px;
}
#commentsLoadingView img {
  width: 70px;
}
.commentInput {
  display: flex;
  margin-bottom: 10px;
}
.commentinp {
  width: 100%;
  padding: 10px;
  border: 0;
  background: #f0f0f0;
  color: #000;
  border-radius: 10px;
  font-size: 17px;
}
.snedCommtnBX {
  display: flex;
  justify-content: left;
  margin-bottom: 20px;
}
.snedCommtnBtn {
  border-radius: 0 30px 30px;
  border: 0;
  padding: 10px;
  width: 135px;
  background: #282828;
  cursor: pointer;
  text-align: center;
  color: #fff;
}
.snedCommtnBtn:hover {
  background: #464646;
}
.swal2-container {
  overflow-y: auto;
  backdrop-filter: blur(5px);
}
.swal2-popup {
  border-radius: 20px !important;
}
.border-10 {
  border-radius: 10px !important;
}
#hdrprofileimg {
  width: 41px;
  height: 41px;
  border: 0;
  border-radius: 15px;
}
.secondPopUp {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
}
.secondPopUpIn {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(25,25,26,.75);
  display: flex;
  backdrop-filter: blur(5px);
}
.secondPopUpInP {
  width: 100%;
  max-width: 600px;
  margin: auto;
  padding: 20px;
}
.secondPopUpInB {
  background: #000;
  padding: 20px;
  border-radius: 10px;
}
.pst-card {
  background: #000;
}
.tzh4 {
  color: #fff;
  margin-top: 35px;
  margin-bottom: -5px;
  font-size: 25px;
}
.blrbxhr {
  border: 1px solid rgba(172,172,172,.4);
  margin: 18px 0;
}
.secondpopttl {
  color: #fff;
  font-size: 25px;
  margin-bottom: 0;
}
.swal2-styled.swal2-deny {
  width: 100%;
}
.secondpophr {
  border: 1px solid #989898;
}

.title-pos {
  position: relative;
}
.title-pos-back {
  position: absolute;
  top: -60%;
  font-family: Kalameh-Bold;
  z-index: -2;
  color: rgba(47, 47, 47, 0.495);
}
.textco {
  line-height: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.textco:hover {
  color: rgba(248, 228, 128, 0.728);
}
.hoverli > li {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.hoverli > li:hover {
  -webkit-transform: translate(-15px, 0);
  transform: translate(-15px, 0);
  color: rgba(251, 220, 63, 0.728);
}
.buttonEnd {
  background-color: #fdd21411;
  color: rgba(255, 255, 255, 0.71);
  -webkit-box-shadow: 0 0 20px 8px #fdd21463;
  box-shadow: 0 0 20px 8px #fdd21463;
  border: none;
  height: 48px;
  -webkit-transition: 0.7s;
  padding: 10px;
  text-align: center;
  transition: 0.7s;
}
.buttonEnd:hover {
  background-color: #fdd214;
  color: black;
  -webkit-box-shadow: 0 0 2px 0 #fdd21463;
  box-shadow: 0 0 2px 0 #fdd21463;
}
.textso {
  color: rgba(255, 255, 255, 0.82);
  line-height: 40px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.lineH {
  line-height: 30px;
}

.trnPM {
  -webkit-transform: translate(9%, 5%);
  transform: translate(9%, 5%);
}

.trnP1M {
  -webkit-transform: translate(-9%, 2%);
  transform: translate(-9%, 2%);
}

.hoverboxM {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hoverboxM:hover {
  border-left: 1px solid rgba(217, 217, 217, 0.644);
  border-bottom: 1px solid rgba(217, 217, 217, 0.644);
}

.hoverboxM2 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hoverboxM2:hover {
  border-right: 1px solid rgba(217, 217, 217, 0.644);
  border-bottom: 1px solid rgba(217, 217, 217, 0.644);
}

.bcgT {
  background-image: url('/themes/public/dimgs/webman1.jpg');
  background-attachment: fixed;
  background-position: top;
  height: 250px;
  position: relative;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  opacity: 0.4;
}

.figHG {
  height: 217px;
}

.trsimg {
  -webkit-transform: translate(-30px, -20px);
  transform: translate(-30px, -20px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.trsimg:hover {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.brdRs {
  border-right: 1px solid #ffd70e;
}

.brdLs {
  border-left: 1px solid #ffd70e;
}

.brdBs {
  border-bottom: 1px solid #ffd70e;
  -webkit-box-shadow: 0 5px 5px  gray;
  box-shadow: 0 5px 5px  gray;
}

.trnUl {
  border: 10px solid white;
  -webkit-transform: translate(86%, 0);
  transform: translate(86%, 0);
}

.trnUlm {
  border: 10px solid white;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.hoverSE {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hoverSE:hover {
  background-color: rgba(0, 0, 0, 0.614);
}

.shadowB {
  -webkit-box-shadow: 0 2px 8px 5px gray;
  box-shadow: 0 2px 8px 5px gray;
}

.hoverbgWb {
  color: #7e7c7c;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.hoverbgWb:hover {
  background-color: #fdd214;
  color: black;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
}

.trnimgWbL {
  -webkit-transition: 1s;
  transition: 1s;
}

.trnimgWbL:hover {
  -webkit-transform: scale(1.2) translate(-20px, 20px);
  transform: scale(1.2) translate(-20px, 20px);
}

.trnimgWbR {
  -webkit-transition: 1s;
  transition: 1s;
}

.trnimgWbR:hover {
  -webkit-transform: scale(1.2) translate(20px, -20px);
  transform: scale(1.2) translate(20px, -20px);
}

.hoverShWd {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.hoverShWd:hover {
  -webkit-box-shadow: -3px -2px 50px 5px rgba(54, 53, 53, 0.784);
  box-shadow: -3px -2px 50px 5px rgba(54, 53, 53, 0.784);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: rgba(255, 255, 255, 0.759);
}

.listLiWb {
  list-style-type: decimal;
}

.boxSize {
  border-radius: 10px;
  height: 300px;
  width: 300px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-color: rgba(27, 27, 27, 0.777);
}

.boxSize:hover {
  background-color: #fdd214;
}

.boxSize:hover > figure {
  background-color: white;
}

.boxSize:hover > p {
  color: black;
}

.bcgWb {
  background-color: #fdd214;
  height: 60px;
  width: 60px;
  border-radius: 10px;
  margin-top: 10px;
}

.trnImgP {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translate(20px, -30px);
  transform: translate(20px, -30px);
}

.trnImgP:hover {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.boxP {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #fdd214;
  border-radius: 30px;
}

.boxP:hover > h6 {
  color: #fdd214;
}

.colorw1 {
  color: rgba(255, 255, 255, 0.667);
}






/* Small resolation */
@media (max-width: 1475px) {
  .maindiv {
    width: 85%;
    max-width: 1000px;
  }
  header {
    max-width: 1050px;
  }
  .footerDeskIN {
    border-radius: 40px;
  }
  .cntctfrmbxt {
    margin-top: 80px;
  }
  .sec1pooya {
    width: 375px;
    height: 415px;
  }
  .sec1ooya p {
    font-size: 14px;
  }
  .sec1pB1 {
    bottom: 36px;
    width: 177px;
  }
  .sec1pB2 {
    height: 100%;
    width: 232px;
  }
  .sec1pB3 {
    width: 294px;
    height: 422px;
  }
  .sec1pB4 {
    height: 96px;
    padding: 0 25px;
    bottom: 58px;
    right: -35px;
  }
  .d3pbx {
    width: 100%;
    height: 431px;
  }
  .d3pbxP0 {
    bottom: 34px;
  }
  .d3pbxdts {
    height: 214px;
    margin-bottom: 130px;
    width: 100px;
    margin-left: -10px;
  }
  .d3pbxP1 {
    width: 64px;
    margin-left: 288px;
    height: 293px;
  }
  .d3pbxP2 {
    height: 100%;
    width: 276px;
    margin-left: 37px;
    margin-top: -356px;
  }
  .d3pbxP3 {
    top: -126px;
    width: 359px;
    height: 555px;
    left: 74px;
  }
  .d3pbxP4 {
    display: none;
  }
  .naghleghol {
    margin-bottom: 5px;
    height: 28px;
  }
  .cmnt-aboxA , .cmnt-aboxB {
    width: 250px;
    height: 250px;
  }
  header {
    padding: 10px 20px;
  }
  .dhLpart {
    width: 265px;
  }
  .sec2desk {
    margin-top: 100px;
  }
  .sec3desk {
    margin-top: 220px;
  }
  .sec5desk {
    margin-top: 100px;
  }
  .sec6desk .splide--slide {
    height: 310px;
  }
  .pjcthdimg {
    margin: 20px auto;
  }
  .pspodrsit2 {
    padding: 0;
  }
}
/* Small resolation */


/* mob */
@media (max-width: 1050px) {
  .sec6desk .splide--slide {
    height: auto;
  }
  .m-0-m {
    margin: 0;
  }
  .mobHeader {
    padding: 0px 5px 5px 5px;
  }
  .cntctfrmbxt {
    margin-top: 50px;
    margin-bottom: 100px;
  }
  .nmnkrmdtbx ,.nmnkrmdtbxLoading {
    margin-top: 20px;
    display: inline-flex;
    width: 100%;
    overflow: auto;
    --bs-gutter-x: unset;
    --bs-gutter-y: unset;
    flex-wrap: unset;
    margin-right: unset;
    margin-left: unset;
    padding: 0 10px;
    direction: rtl;
  }
  .nmnkrmdtbxIN {
    padding: 0;
    width: 90%;
  }
  .nmekrbhvrx {
    display: flex;
  }
  .locationbxcnt {
    margin-top: 10px;
    width: 100%;
    border-bottom: 2px solid #333;
    padding-bottom: 30px;
  }
  .blogPostContent .image_resized {
    width:100% !important;
  }
  .blogPageFilterBx {
    margin-left:0;
  }
  .blogPostPrBx {
    display: grid;
    background: rgba(999,999,999,0.1);
    padding: 10px;
    border-radius: 30px;
  }
  .blogPostPrBx .blghmpstB {
    margin-right: 0;
  }
  .blogPostPrBx .blogPostPrewCnt {
    display: none;
  }
  .blogPostPrBx .blghmpstT {
    font-size: 15px;
  }
  .blogPostImage {
    width: 100%;
    height: auto;
    border: 0;
  }
  .blogPostTdets {
    -webkit-flex-order: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    margin-top:0;
    margin-bottom:50px;
  }
  .blogPostTitle {
    -webkit-flex-order: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    text-align: center;
    margin-top:30px;
    margin-bottom:40px;
  }
  .blgbxshr2 {
    border-top: 1px solid #2A2A2A;
    margin-top: 10px;
    padding-top: 10px;
  }
  .blgbxshr1 {
    display: grid;
  }
  .blgpstPdng {
    padding: 0 20px;
  }
  .blgshrbtn {
    width: 100%;
    margin-top: 18px;
  }
  .mainInBox {
    margin: 50px 20px;
  }
  .htwvls {
    font-size: 15px;
  }
  .text-center-mobile {
    text-align: center !important;
  }
  .nazarat .splide__arrow {
    top: -105px;
  }
  .orderplanbox {
    height: auto;
  }
  .ordbx2btm {
    margin-top: 20px;
    position: unset;
    padding: unset;
  }
  .ordbtpfxddd {
    margin-top: 50px !important;
  }
  .justify-content-center-mobile {
    justify-content: center !important;
  }
  .hrmbl1 {
    border-top: 1px solid #000;
    margin: 10px;
    opacity: 0.5;
  }
  .projectDescBox {
    padding: 50px 0;
  }
  .hideOnMob {
    display: none;
  }
  .colorBox {
    height: 80px;
    border-radius: 20px;
  }
  .colorBox p {
    left: 10px;
  }
  .phin2 {
    padding: 20px;
  }
  .appdlBx {
    height: max-content;
  }
  .appdlBxIn1 {
    display: none;
  }
  .appdlBxIn2 {
    width: 100%;
    height: max-content;
    position: unset;
  }
  .appdlBxIn3 {
    text-align: center;
    padding: 20px;
  }
  .appdlBxIn3 {
    width: 100%;
  }
  .appdlBxIn3 .justify-content-right {
    justify-content: center !important;
  }
  .seoDetBox {
    background: #101010;
    width: 100%;
    height: 170px;
    padding: 20px 20px;
    border-radius: 30px;
  }
  .seoDetBox p {
    color: #868688;
    font-size: 13px;
  }
  .seoDetBoxIN {
    display: flex;
    height: 100%;
    padding-bottom: 55px;
  }
  .seoDetBox .seoDetBoxIN div {
    margin: auto;
    font-size: 25px;
  }
  .seoDetBox .bzrgFT {
    font-size: 60px !important;
  }
  .seoDetBox .bzrgFT2 {
    font-size: 45px !important;
  }
  .seoDetBox .bzrgFT3 {
    font-size:30px !important;
  }
  .border30 {
    border-radius: 15px;
  }
  .otherProjects .is-active .nmekrbhvrx {
    display: flex;
  }
  .otherPosts .blghmpst {
    width: 100% !important;
  }
  .blgPHd2 {
    padding:5px 5px;border-radius: 15px;
    opacity: 0.7;
    bottom: 10px;
    right: 10px;
  }
  .blgPHd3 {
    height: 35px;
    width: 35px;
  }
  .khdmaBt {
    font-size: 20px;
  }
  .khdmaBc {
    font-size: 14px;
  }
  .btn-dark2 , .btn-dark , .btn-yellow {
    width: 38%;
    font-size: 16px;
  }
  .khdmap {
    font-size: 15px;
  }
  .sec1pB4p1 {
    font-size: 40px;
  }
  .maindiv {
    width: 100%;
  }
  .d3pbx {
    width: 100%;
  }
  .d3pbxP1 {
    margin-left: 40%;
    background: linear-gradient(180deg, rgb(229, 197, 1),rgba(229, 197, 1, 0.1),rgb(0, 0, 0));
  }
  .d3pbxP2 {
    width: 90%;
    max-width: 565px;
    height: 378px;
    margin-left: -70px;
    margin-top: -440px;
  }
  .d3pbxP3 {
    width: 100%;
    height: unset;
    text-align: center;
    left: 0;
    margin-top: 25px;
  }
  .d3pbxP3 img {
    width: 320px;
    height: 520px;
  }
  .d3pbxP4 {
    top: -145px;
    width: 100%;
    text-align: center;
  }
  .d3pbxP5 {
    width: 320px;
  }
  .d3pbxP0 {
    top: -124px;
    bottom: unset;
    left: -68px;
  }
  .d3pbxP1 {
    width: 146px;
    margin-left: 196px;
    height: 408px;
  }
  .d3pbxdts {
    width: 110px;
    margin-left: 90px;
    margin-top: 23px;
  }
  .d3pbx {
    height: 400px;
  }
  .sec1pB2 {
    width: 80%;
    max-width: 565px;
    height: 378px;
    margin-left: -70px;
  }
  .sec1pooya {
    width: 100%;
    height: 435px;
  }
  .sec1pB1 {
    width: 100%;
  }
  .sec1pB3 {
    width: 100%;
    height: unset;
    text-align: center;
    left: 0;
    margin-top: -65px;
  }
  .sec1pB3 img {
    width: 320px;
    height: 442px;
  }
  .sec1pB1 {
    width: 236px;
    bottom: unset;
    left: 35%;
    top: 20px;
  }
  .sec1pB1 img {
    width: 100%;
  }
  .sec1pB4 {
    bottom: 75px;
    left: 60%;
    padding: 0 20px;
    height: 112px;
  }
  .nmekrTtl {
    font-size: 14px;
  }
  .nmekrzTtl {
    font-size: 16px;
  }
  .cmnt-aboxA {
    width: 150px;
    height: 150px;
    margin-right: 10px;
    margin-top: -130px;
  }
  .cmnt-aboxB {
    width: 150px;
    height: 150px;
  }
  .cmnt-pbrP2 {
    font-size: 13px;
    margin-bottom: 10px;
  }
  .cmnt-pbrP1 {
    font-size: 22px;
  }
  .sec6mob .splide--slide {
    height: 520px;
  }
  .newsMbl button {
    display: unset !important;
  }
  .sec7mob {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .ftrLst a {
    font-size: 16px;
  }
  .ftrLstTx {
    font-size: 16px;
  }
  .dftC {
    font-size: 24px;
  }
  .dftT {
    font-size: 16px;
  }
  .hdLogo {
    width: 75px;
    height: 43px;
  }
  .searchInp {
    font-size: 16px;
  }
  .nmnkPrT {
    font-size: 35px;
  }
.nmnkPrT1 {
    font-size: 35px;
  }
  .nmnkPrC {
    font-size: 13px;
  }
  .blogCategoryItem , .blogCategoryItem2 , .blgbxshr5 , .blgshrbtn {
    font-size: 16px;
  }
  .blogPostTitle {
    font-size: 40px;
  }
  .khdma {
    font-size: 35px;
  }
  .khdmap {
    font-size: 13px;
  }
  .blghmpstT {
    font-size: 15px;
  }
  .brandsMbIn .is-active .mblBrnds {
    opacity: 1;
  }
  .mblBrnds img {
    width: 20vw;
    height: 20vw;
  }
  .blgPHdImgBG {
    display: none;
  }
  .blgPHdImg {
    width: 100%;
    height: auto;
    margin: 0;
  }
  .blgPHd2 {
    z-index: 9;
  }
  .pbxp2t {
    color: #fff;
    margin: 25px 10px 120px 10px;
    border: 1px solid #424242;
    border-radius: 10px;
    padding: 20px;
  }
  .d-teknoloBox , .d-teknoloBox2 {
    display: flex;
    overflow: auto;
    flex-wrap: unset;
    padding: 10px 0;
  }
  .teknoloBox {
    padding: 0;
  }
  .teknoloBox p {
    padding: 20px 20px 0px 20px;
  }
  .teknoloji1 img {
    width: 70px;
  }
  .teknoloji1 p {
    font-size: 18px !important;
  }
  .teknoloji1 {
    margin: 10px;
  }
  .s1dh1 {
    font-size: 18px;
  }
  .mtdvlT {
    text-align: center;
  }
  .lvrow {
    display: inline-flex;
    width: 100%;
    overflow: auto;
    --bs-gutter-x: unset;
    --bs-gutter-y: unset;
    flex-wrap: unset;
  }
  .lvcol1 {
    width: 30vw;
  }
  .lvcol2 {
    width: 70vw;
  }
  .lvcol3 {
    width: 80vw;
    min-width: 80vw;
    padding: 15px;
  }
  .lvcol4 {
    width: 80vw;
    min-width: 80vw;
  }
  .lvcol5 {
    width: 67vw;
    min-width: 67vw;
  }
  .azaBoxMn .azaBoxBG {
    background: #E5C501;
  }
  .azaBoxMn .azaBoxBG img {
    filter: unset;
  }
  .amarB svg {
    stroke: #000;
  }
  .amarB {
    background: #E5C501;
    color: #000;
  }
  .azafxpdmb {
    margin-top: 30px;
  }
  .sec7mob {
    direction: rtl;
  }
  .sec2desk {
    border: 0;
  }
  .sec2deskRW {
    padding: 0;
    padding-right: 10px;
  }
  .khdmtttlmob {
    justify-content: center;
    display: grid;
    text-align: center;
  }
  .khdmaB {
    border: 2px solid #A3830F;
    border-radius: 20px;
    margin-left: 30px;
    transition: 0.4s;
  }
  .khdmaB .khdmaBt {
    color: #E5C501;
    transition: 0.4s;
  }
  .khdmaB .khdmaBiSCG {
    stroke: #E5C501;
    transition: 0.4s;
  }
  .khdmaB .khdmaBiSCG2 {
    fill: #E5C501;
    transition: 0.4s;
  }
  .blghmpst .blghmpstIMG {
    border: 2px solid #E5C501;
    transition: 0.4s;
  }
  .blghmpst .blghmpstT {
    color: #E5C501;
    transition: 0.4s;
  }
  .d-flex-mg {
    display: grid;
  }
}
/* mob */

/* desk */
@media (min-width: 1050px) {
  .deskHeader {
    display: flex;
  }
  .mobHeader {
    display: none;
  }
  .hideondesk {
    display: none !important;
  }
  .nmekrbxIMG {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 20px;
    opacity: 0.5;
    transition: 0.4s;
  }
  .nmekrbx:hover {
    border: 2px solid #FFDC09;
    transition: 0.4s;
  }
  .nmekrbx:hover .nmekrbhvrx {
    display: flex;
  }
  .nmekrbx:hover .nmekrbxIMG {
    opacity: 1;
    transition: 0.4s;
  }
  .khdmaB:hover {
    border: 2px solid #A3830F;
    border-radius: 20px;
    transition: 0.4s;
  }
  .khdmaB:hover .khdmaBt {
    color: #E5C501;
    transition: 0.4s;
  }
  .khdmaB:hover .khdmaBiSCG {
    stroke: #E5C501;
    transition: 0.4s;
  }
  .khdmaB:hover .khdmaBiSCG2 {
    fill: #E5C501;
    transition: 0.4s;
  }
  .blghmpst:hover .blghmpstIMG {
    border: 2px solid #E5C501;
    transition: 0.4s;
  }
  .blghmpst:hover .blghmpstT {
    color: #E5C501;
    transition: 0.4s;
  }
  .projectDescBox {
    padding: 100px 0;
  }
  .p-0-desk {
    padding: 0 !important;
  }
  .seobx1pd {
    padding:0 100px;
  }
  .bxdskbtnftbfxr {
    margin-bottom: -24px;
  }
}
/* desk */