.elementor-179 .elementor-element.elementor-element-9614ee7{--display:flex;--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a4349ed *//* ==========================================================================
   آجر نما حسنی - صفحه چشم‌انداز
   پیشوند sv- برای جلوگیری از تداخل با سایر بخش‌های سایت
   ========================================================================== */


/* ==========================================================================
   فونت
   ========================================================================== */

@font-face{
  font-family:"YekanBakh";
  src:url("https://shahrajoor.ir/wp-content/uploads/2026/08/YekanBakh-VF.ttf") format("truetype");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}


/* ==========================================================================
   متغیرها
   ========================================================================== */

:root{
  --sv-gold:#C89B5C;
  --sv-gold-2:#DFBB7C;
  --sv-gold-3:#A87C42;

  --sv-muted:rgba(255,255,255,.75);

  --sv-font:"YekanBakh",Tahoma,Arial,sans-serif;

  --sv-girih:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1.1'%3E%3Cpath d='M67.7 51.5 51.5 67.7H28.5L12.3 51.5V28.5L28.5 12.3h23L67.7 28.5Z'/%3E%3Cpath d='M10 10h60v60H10z'/%3E%3Cpath d='M40 4 76 40 40 76 4 40Z'/%3E%3C/g%3E%3C/svg%3E");

  --sv-bg-dark:#0d0906;
  --sv-bg-dark-2:#15100b;

  --sv-brick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48' viewBox='0 0 96 48'%3E%3Cg fill='none' stroke='%23C89B5C' stroke-width='1' opacity='0.06'%3E%3Cpath d='M0 0h96M0 24h96'/%3E%3Cpath d='M48 0v24M24 24v24M72 24v24'/%3E%3C/g%3E%3C/svg%3E");
}


/* ==========================================================================
   تنظیمات عمومی
   ========================================================================== */

.sv-vision{
  direction:rtl;
  font-family:var(--sv-font);
  color:#fff;

  background-color:var(--sv-bg-dark);
  background-image:var(--sv-brick);
  background-size:96px 48px;

  width:100%;
  max-width:100%;

  margin:0;

  overflow-x:hidden;
}

.sv-vision *,
.sv-vision *::before,
.sv-vision *::after{
  box-sizing:border-box;
}

.sv-vision img{
  max-width:100%;
}


/* ==========================================================================
   کانتینر اصلی
   ========================================================================== */

.sv-inner{
  width:min(1360px,100%);
  margin-inline:auto;

  padding-inline:clamp(18px,4.5vw,84px);

  position:relative;
  z-index:2;

  box-sizing:border-box;
}


/* ==========================================================================
   المان‌های مشترک
   ========================================================================== */

.sv-vision .sv-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  padding:7px 18px;

  border-radius:100px;

  border:1px solid rgba(200,155,92,.34);

  background:rgba(200,155,92,.10);

  color:var(--sv-gold-2);

  font-size:13px;
  font-weight:600;
}

.sv-vision .sv-eyebrow i{
  width:7px;
  height:7px;

  border-radius:2px;

  background:var(--sv-gold);

  display:block;

  transform:rotate(45deg);
}


.sv-h2{
  margin:18px 0 16px;

  font-size:clamp(24px,3vw,40px);

  font-weight:900;

  line-height:1.5;

  color:#fff;
}

.sv-h2 em{
  font-style:normal;
  color:var(--sv-gold);
}


.sv-lead{
  margin:0;

  font-size:14.5px;

  line-height:2.1;

  color:var(--sv-muted);
}


.sv-sec-head{
  text-align:center;

  margin-bottom:40px;
}

.sv-sec-head .sv-lead{
  max-width:760px;

  margin-inline:auto;
}


.sv-girih{
  position:absolute;

  inset:0;

  pointer-events:none;

  opacity:.13;

  background-image:var(--sv-girih);

  background-size:80px 80px;
}


.sv-vision .sv-btn{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:9px;

  padding:15px 32px;

  border-radius:12px;

  border:0;

  background:
    linear-gradient(
      135deg,
      var(--sv-gold-2),
      var(--sv-gold) 55%,
      var(--sv-gold-3)
    );

  color:#fff;

  font-family:var(--sv-font);

  font-size:15px;

  font-weight:700;

  text-decoration:none;

  cursor:pointer;
}


.sv-vision .sv-btn--ghost{
  background:rgba(255,255,255,.05);

  border:1px solid rgba(200,155,92,.45);

  color:var(--sv-gold-2);
}


/* ==========================================================================
   1) هدر
   ========================================================================== */

.sv-ahero{
  position:relative;

  overflow:hidden;

  padding:80px 0;

  background-color:var(--sv-bg-dark);

  background-image:
    radial-gradient(
      900px 500px at 78% 12%,
      rgba(200,155,92,.18),
      transparent 62%
    ),
    var(--sv-brick);

  background-size:auto,96px 48px;

  border-bottom:1px solid rgba(200,155,92,.12);
}


.sv-ahero__inner{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:1.15fr .85fr;

  gap:40px;

  align-items:center;

  width:min(1360px,100%);

  margin:auto;

  padding-inline:clamp(18px,4.5vw,84px);

  box-sizing:border-box;
}


.sv-ahero__txt{
  min-width:0;
}


.sv-crumb{
  display:flex;

  align-items:center;

  gap:9px;

  font-size:13px;

  color:rgba(255,255,255,.6);

  margin-bottom:20px;
}


.sv-crumb a,
.sv-crumb a:link,
.sv-crumb a:visited{
  color:#fff !important;

  text-decoration:none;
}


.sv-crumb b{
  color:var(--sv-gold-2);
}


.sv-ahero__title{
  margin:0 0 20px;

  font-size:35px !important;

  font-weight:900;

  line-height:1.4;

  color:#fff;
}


.sv-ahero__title em{
  color:var(--sv-gold);
}


.sv-ahero__lead{
  margin:0 0 20px;

  max-width:560px;

  font-size:15px;

  line-height:2.2;

  color:var(--sv-muted);
}


.sv-ahero__badges{
  display:flex;

  flex-wrap:wrap;

  gap:10px;
}


.sv-ahero__badges span{
  padding:9px 18px;

  border-radius:100px;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(200,155,92,.28);

  color:var(--sv-gold-2);

  font-size:12.5px;
}


/* ==========================================================================
   تصویر قوسی هدر
   ========================================================================== */

.sv-arch{
  margin:0;

  background:transparent;

  border:0;

  box-shadow:none;

  position:relative;
}


.sv-arch img{
  display:block;

  width:100%;

  aspect-ratio:3 / 4;

  object-fit:cover;

  border-radius:
    50% 50% 18px 18px /
    32% 32% 18px 18px;

  border:1px solid rgba(200,155,92,.45);

  background:transparent;
}


/* ==========================================================================
   2) چشم‌انداز ما
   ========================================================================== */

.sv-story--textonly{
  padding:80px 0;

  background:transparent;

  border-bottom:1px solid rgba(200,155,92,.08);
}


.sv-story--textonly .sv-story__txt{
  max-width:860px;

  margin:0 auto;

  text-align:center;
}


.sv-story--textonly .sv-story__txt p{
  margin:0 0 16px;

  font-size:16px;

  line-height:2.4;

  color:rgba(255,255,255,.75);
}


/* ==========================================================================
   3) از مشهد تا سراسر ایران
   ========================================================================== */

.sv-team{
  padding:80px 0;

  background-color:var(--sv-bg-dark-2);

  background-image:var(--sv-brick);

  background-size:96px 48px;

  border-bottom:1px solid rgba(200,155,92,.08);
}


.sv-team__grid{
  display:grid;

  grid-template-columns:1.05fr .95fr;

  gap:40px;

  align-items:center;
}


.sv-team__media{
  margin:0;

  background:linear-gradient(
    165deg,
    #241708 0%,
    #120c07 70%
  );
}


.sv-team__media img{
  display:block;

  width:100%;

  border-radius:22px;

  border:1px solid rgba(200,155,92,.28);
}


.sv-team__txt{
  min-width:0;
}


/* ==========================================================================
   4) مرجع تخصصی انتخاب آجر نما
   ========================================================================== */

.sv-ref{
  padding:80px 0;

  background:transparent;

  border-bottom:1px solid rgba(200,155,92,.08);
}


.sv-ref__grid{
  display:grid;

  grid-template-columns:1.15fr .85fr;

  gap:26px;

  align-items:stretch;

  max-width:1050px;

  margin:0 auto;
}


.sv-checklist{
  list-style:none;

  margin:0;

  padding:0;

  display:grid;

  gap:14px;
}


.sv-checklist li{
  display:flex;

  gap:14px;

  align-items:flex-start;

  padding:18px 20px;

  border-radius:16px;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(255,255,255,.08);

  font-size:14.5px;

  line-height:2;

  color:rgba(255,255,255,.78);
}


.sv-checklist li::before{
  content:"";

  flex:0 0 auto;

  width:9px;
  height:9px;

  margin-top:15px;

  border-radius:2px;

  background:
    linear-gradient(
      135deg,
      var(--sv-gold-2),
      var(--sv-gold-3)
    );

  transform:rotate(45deg);
}


.sv-ref__quote{
  align-self:center;

  display:flex;

  align-items:center;

  padding:34px 28px;

  border-radius:20px;

  background:
    linear-gradient(
      135deg,
      rgba(200,155,92,.16),
      rgba(200,155,92,.04)
    );

  border:1px solid rgba(200,155,92,.4);
}


.sv-ref__quote p{
  margin:0;

  font-size:17px;

  line-height:2.2;

  color:#fff;

  font-weight:700;

  text-align:center;
}


/* ==========================================================================
   5) توسعه محصول، فناوری و تجربه مشتری
   ========================================================================== */

.sv-tech{
  width:100%;

  padding:80px 0;

  background-color:var(--sv-bg-dark-2);

  background-image:var(--sv-brick);

  background-size:96px 48px;

  border-bottom:1px solid rgba(200,155,92,.08);

  text-align:center;

  overflow:hidden;
}


/* کانتینر داخلی بخش */

.sv-tech > .sv-inner{
  width:100%;

  max-width:1360px;

  margin-left:auto;
  margin-right:auto;

  padding-left:clamp(18px,4.5vw,84px);
  padding-right:clamp(18px,4.5vw,84px);

  box-sizing:border-box;
}


/* --------------------------------------------------------------------------
   تصویر
   -------------------------------------------------------------------------- */

.sv-tech__img{
  display:block;

  width:660px !important;

  max-width:100% !important;

  margin:0 auto 35px !important;

  padding:0 !important;

  border-radius:22px;

  overflow:hidden;

  border:1px solid rgba(200,155,92,.28);

  background:
    linear-gradient(
      165deg,
      #241708 0%,
      #120c07 70%
    );

  box-sizing:border-box;

  position:relative;
}


/* حذف کامل margin پیش‌فرض figure */

.sv-tech figure{
  margin-block-start:0 !important;

  margin-block-end:35px !important;

  margin-inline-start:auto !important;

  margin-inline-end:auto !important;
}


/* خود تصویر */

.sv-tech__img img{
  display:block;

  width:100% !important;

  max-width:100% !important;

  height:auto !important;

  min-width:0;

  margin:0 !important;

  padding:0 !important;

  aspect-ratio:16 / 8;

  object-fit:cover;

  border:0 !important;

  border-radius:0 !important;

  box-sizing:border-box;
}


/* فاصله مطمئن بین عکس و کارت‌ها */

.sv-tech__img + .sv-vgrid{
  margin-top:35px !important;
}


/* --------------------------------------------------------------------------
   شبکه کارت‌ها
   -------------------------------------------------------------------------- */

.sv-tech .sv-vgrid{
  display:grid;

  grid-template-columns:
    minmax(0,500px)
    minmax(0,500px);

  gap:22px;

  width:100%;

  max-width:1044px;

  margin-left:auto !important;
  margin-right:auto !important;

  padding:0;

  justify-content:center;

  align-items:stretch;

  box-sizing:border-box;
}


/* --------------------------------------------------------------------------
   کارت
   -------------------------------------------------------------------------- */

.sv-tech .sv-vcard{
  display:block;

  width:100%;

  max-width:500px;

  margin:0 auto !important;

  padding:28px 24px;

  border-radius:20px;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(255,255,255,.08);

  text-align:center;

  box-sizing:border-box;
}


/* عنوان کارت */

.sv-tech .sv-vcard h3{
  margin:0 0 10px;

  font-size:18px;

  line-height:1.8;

  color:#fff;
}


/* متن کارت */

.sv-tech .sv-vcard p{
  margin:0;

  font-size:14px;

  line-height:2;

  color:rgba(255,255,255,.68);
}


/* ==========================================================================
   6) آینده آجر نما حسنی
   ========================================================================== */

.sv-goals{
  padding:80px 0;

  background:transparent;

  border-bottom:1px solid rgba(200,155,92,.08);
}


.sv-goals__grid{
  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:22px;

  max-width:1150px;

  margin:0 auto;
}


.sv-goal{
  flex:0 1 340px;

  max-width:380px;

  padding:30px 24px 28px;

  border-radius:20px;

  background:rgba(255,255,255,.05);

  border:1px solid rgba(255,255,255,.08);

  position:relative;

  overflow:hidden;
}


.sv-goal::after{
  content:"";

  position:absolute;

  left:-30px;

  bottom:-30px;

  width:110px;

  height:110px;

  background-image:var(--sv-girih);

  background-size:55px 55px;

  opacity:.16;

  pointer-events:none;
}


.sv-goal__num{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  width:44px;

  height:44px;

  margin-bottom:18px;

  border-radius:12px;

  background:
    linear-gradient(
      135deg,
      var(--sv-gold-2),
      var(--sv-gold) 55%,
      var(--sv-gold-3)
    );

  color:#1a120a;

  font-size:20px;

  font-weight:900;

  transform:rotate(45deg);
}


.sv-goal__num span{
  transform:rotate(-45deg);
}


.sv-goal h3{
  margin:0 0 10px;

  font-size:18px;

  color:#fff;

  position:relative;

  z-index:1;
}


.sv-goal p{
  margin:0;

  font-size:14px;

  line-height:2;

  color:rgba(255,255,255,.68);

  position:relative;

  z-index:1;
}


/* ==========================================================================
   7) تعهّد ما به آینده
   ========================================================================== */

.sv-commit{
  padding:80px 0;

  background-color:var(--sv-bg-dark-2);

  background-image:var(--sv-brick);

  background-size:96px 48px;

  border-bottom:1px solid rgba(200,155,92,.08);
}


.sv-commit__box{
  max-width:860px;

  margin:auto;

  padding:42px 34px;

  border-radius:22px;

  background:rgba(255,255,255,.04);

  border:1px solid rgba(200,155,92,.35);

  text-align:center;

  position:relative;
}


.sv-commit__box::before{
  content:"";

  position:absolute;

  inset:10px;

  border:1px dashed rgba(200,155,92,.28);

  border-radius:14px;

  pointer-events:none;
}


.sv-commit__box .sv-h2{
  margin:0 0 18px;

  font-size:clamp(22px,2.6vw,32px);

  position:relative;

  z-index:1;
}


.sv-commit__box p:first-of-type{
  margin:0 0 16px;

  font-size:18px;

  line-height:2.2;

  color:#fff;

  font-weight:700;

  position:relative;

  z-index:1;
}


.sv-commit__box p + p{
  position:relative;

  z-index:1;
}


/* ==========================================================================
   8) CTA
   ========================================================================== */

.sv-acta{
  padding:80px 0;

  background-color:var(--sv-bg-dark);

  background-image:var(--sv-brick);

  background-size:96px 48px;

  text-align:center;
}


.sv-acta__box{
  max-width:860px;

  margin:auto;
}


.sv-acta__box .sv-lead{
  max-width:760px;

  margin-inline:auto;
}


.sv-acta__btns{
  display:flex;

  gap:12px;

  justify-content:center;

  margin-top:28px;

  flex-wrap:wrap;
}


/* ==========================================================================
   تبلت
   ========================================================================== */

@media(max-width:900px){

  .sv-ahero__inner,
  .sv-team__grid,
  .sv-ref__grid{
    grid-template-columns:1fr;
  }


  .sv-tech .sv-vgrid{
    grid-template-columns:1fr;

    max-width:500px;
  }


  .sv-ref__quote{
    padding:26px 22px;
  }


  .sv-commit__box{
    padding:34px 22px;
  }


  .sv-ahero__inner{
    gap:35px;
  }


  .sv-team__grid{
    gap:30px;
  }

}


/* ==========================================================================
   موبایل
   ========================================================================== */

@media(max-width:767px){

  .sv-tech{
    padding:50px 0;
  }


  .sv-tech > .sv-inner{
    padding-left:15px;
    padding-right:15px;
  }


  .sv-tech__img{
    width:100% !important;

    max-width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    margin-bottom:30px !important;

    border-radius:18px;
  }


  .sv-tech__img img{
    width:100% !important;

    aspect-ratio:16 / 9;
  }


  .sv-tech__img + .sv-vgrid{
    margin-top:30px !important;
  }


  .sv-tech .sv-vgrid{
    grid-template-columns:1fr;

    width:100%;

    max-width:100%;

    padding:0;

    gap:16px;
  }


  .sv-tech .sv-vcard{
    width:100%;

    max-width:none;

    padding:22px 18px;

    border-radius:17px;
  }


  .sv-ahero{
    padding:55px 0;
  }


  .sv-ahero__inner{
    padding-left:18px;
    padding-right:18px;
  }


  .sv-ahero__title{
    font-size:28px !important;
  }


  .sv-story--textonly,
  .sv-team,
  .sv-ref,
  .sv-goals,
  .sv-commit,
  .sv-acta{
    padding-top:55px;
    padding-bottom:55px;
  }


  .sv-sec-head{
    margin-bottom:30px;
  }


  .sv-h2{
    font-size:25px;
  }


  .sv-lead{
    font-size:14px;
  }


  .sv-ref__grid{
    gap:18px;
  }


  .sv-goals__grid{
    gap:16px;
  }


  .sv-goal{
    flex:1 1 100%;

    max-width:100%;
  }


  .sv-commit__box{
    padding:34px 20px;
  }


  .sv-commit__box p:first-of-type{
    font-size:16px;
  }


  .sv-acta__btns{
    flex-direction:column;

    align-items:stretch;
  }


  .sv-acta__btns .sv-btn{
    width:100%;
  }

}


/* ==========================================================================
   موبایل کوچک
   ========================================================================== */

@media(max-width:480px){

  .sv-tech{
    padding:45px 0;
  }


  .sv-tech > .sv-inner{
    padding-left:12px;
    padding-right:12px;
  }


  .sv-tech__img{
    max-width:100% !important;

    border-radius:16px;
  }


  .sv-tech .sv-vgrid{
    padding:0;
  }


  .sv-tech .sv-vcard{
    padding:20px 16px;

    border-radius:15px;
  }


  .sv-ahero__title{
    font-size:25px !important;
  }


  .sv-ahero__badges{
    gap:7px;
  }


  .sv-ahero__badges span{
    padding:8px 13px;

    font-size:12px;
  }


  .sv-story--textonly .sv-story__txt p{
    font-size:14px;

    line-height:2.3;
  }


  .sv-checklist li{
    padding:16px;

    font-size:14px;
  }


  .sv-ref__quote{
    padding:24px 18px;
  }


  .sv-goal{
    padding:25px 20px;
  }

}/* End custom CSS */