.elementor-3790 .elementor-element.elementor-element-238ae41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3790 .elementor-element.elementor-element-4ca154c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-83px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3790 .elementor-element.elementor-element-6cc16b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3790 .elementor-element.elementor-element-6cc16b5:not(.elementor-motion-effects-element-type-background), .elementor-3790 .elementor-element.elementor-element-6cc16b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFCF1;}@media(min-width:768px){.elementor-3790 .elementor-element.elementor-element-4ca154c{--content-width:945px;}}/* Start custom CSS for html, class: .elementor-element-910797a *//* AsiaAva Stone | rounded-square stone categories — isolated styling for Elementor */
.asiaava-stone-types,
.asiaava-stone-types * { box-sizing: border-box; }
.asiaava-stone-types {
  direction: rtl;
  width: min(1510px, calc(100% - 44px));
  margin: 0 auto;
  padding: 65px 0 74px;
  color: #252525;
  font-family: Vazirmatn, IRANYekan, Tahoma, sans-serif;
}
.asiaava-stone-heading {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
  gap: 14px;
  margin-bottom: 55px;
  text-align: right;
}
.asiaava-heading-line {
  width: 5px;
  flex: 0 0 5px;
  background: linear-gradient(180deg,#ad7c32,#e3b86a);
  border-radius: 100px;
}
.asiaava-stone-heading small {
  color: #ab7f3b;
  font-size: 15px;
  font-weight: 750;
  display: block;
  margin-bottom: 5px;
}
.asiaava-stone-heading h2 {
  font-size: clamp(24px,2.45vw,34px);
  line-height: 1.5;
  margin: 0;
  color: #252525;
  font-weight: 900;
}
.asiaava-stone-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  align-items: start;
  gap: clamp(13px,1.55vw,27px);
}
.asiaava-stone-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
  padding: 0 1px 8px;
  color: inherit;
  text-decoration: none !important;
}
.asiaava-stone-card .asiaava-stone-image {
  position: relative;
  width: min(100%,210px);
  aspect-ratio: 1 / 1;
  background: linear-gradient(145deg,#f4d594 0%,#b77c29 49%,#f2d298 100%);
  border: 2px solid #b9873a;
  padding: 4px;
  border-radius: 23%;
  box-shadow: 0 10px 17px rgba(77,56,29,.2), 0 0 0 1px rgba(245,218,151,.65);
  overflow: hidden;
  isolation: isolate;
  transition: transform .3s ease, box-shadow .3s ease;
}
.asiaava-stone-card .asiaava-stone-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 21%;
  transition: transform .35s ease;
}
.asiaava-stone-card .asiaava-stone-image::after {
  content: '';
  position: absolute;
  inset: 5px;
  pointer-events: none;
  border-radius: 21%;
  background: linear-gradient(125deg, rgba(255,255,255,.24), transparent 34%, transparent 75%,rgba(0,0,0,.08));
}
.asiaava-stone-card h3 {
  color: #262626;
  font-size: clamp(15px,1.5vw,21px);
  font-weight: 850;
  line-height: 1.6;
  margin: 24px 0 1px;
  padding: 0;
}
.asiaava-stone-card p {
  color: #929292;
  font-size: clamp(12px,1.1vw,15px);
  line-height: 1.65;
  margin: 0;
}
.asiaava-stone-card:hover .asiaava-stone-image,
.asiaava-stone-card:focus-visible .asiaava-stone-image {
  transform: translateY(-7px);
  box-shadow: 0 18px 24px rgba(77,56,29,.26),0 0 0 2px rgba(203,155,72,.26);
}
.asiaava-stone-card:hover .asiaava-stone-image img { transform: scale(1.07); }
.asiaava-stone-card:hover h3 { color: #9f732b; }
.asiaava-stone-card:focus-visible { outline: 3px solid #cb9a4d; outline-offset: 6px; border-radius: 12px; }
@media(max-width:1100px){
  .asiaava-stone-grid {grid-template-columns: repeat(3,minmax(0,1fr)); row-gap: 36px;}
  .asiaava-stone-heading { margin-bottom: 36px; }
  .asiaava-stone-types { padding: 38px 0 50px; }
  .asiaava-stone-card .asiaava-stone-image { width: min(100%,190px); }
}
@media(max-width:620px){
  .asiaava-stone-types { width: calc(100% - 26px); padding: 24px 0 42px; }
  .asiaava-stone-heading { margin-bottom: 27px; gap: 10px; }
  .asiaava-heading-line { width: 4px; flex-basis: 4px; }
  .asiaava-stone-heading small { font-size: 12px; }
  .asiaava-stone-heading h2 { font-size: 22px; }
  .asiaava-stone-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 15px; }
  .asiaava-stone-card .asiaava-stone-image { width: min(100%,165px); }
  .asiaava-stone-card h3 { font-size: 15px; margin-top: 12px; }
  .asiaava-stone-card p { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce){
  .asiaava-stone-card .asiaava-stone-image,
  .asiaava-stone-card .asiaava-stone-image img { transition: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-737069f *//* =====================================================
   ASIAAVA
   APPLICATION SECTION
   ===================================================== */


/* =========================
   MAIN SECTION
   ========================= */

.asiaava-applications {
    width: 100%;
    max-width: 1200px;

    margin: 0 auto;

    padding: 20px 20px 60px;

    box-sizing: border-box;

    direction: rtl;
}


/* =========================
   HEADING
   ========================= */

.asiaava-applications-heading {
    text-align: right;

    margin-bottom: 35px;
}

.asiaava-applications-heading .eyebrow {
    display: block;

    margin-bottom: 7px;

    color: #a77d38;

    font-size: 14px;
    font-weight: 700;
}


/* TITLE */

.asiaava-applications-heading h2 {
    position: relative;

    display: inline-block;

    margin: 0;

    padding-right: 18px;

    color: #222;

    font-size: 32px;

    font-weight: 700;

    line-height: 1.4;
}


/* GOLD LINE */

.asiaava-applications-heading h2::before {
    content: "";

    position: absolute;

    right: 0;

    top: 7px;

    width: 4px;

    height: 42px;

    background:
        linear-gradient(
            to bottom,
            #a77d38,
            #d4ad68
        );

    border-radius: 5px;
}


/* DESCRIPTION */

.asiaava-applications-heading p {
    max-width: 650px;

    margin: 10px 0 0 auto;

    color: #777;

    font-size: 14px;

    line-height: 2;
}


/* =====================================================
   GRID
   ===================================================== */

.asiaava-applications-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 20px;

    width: 100%;
}


/* =====================================================
   CARD
   ===================================================== */

.asiaava-application-card {

    position: relative;

    display: block;

    width: 100%;

    height: 300px;

    overflow: hidden;

    border-radius: 18px;

    background: #eee;

    text-decoration: none;

    box-shadow:
        0 8px 25px rgba(0,0,0,.10);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


/* =====================================================
   IMAGE
   ===================================================== */

.asiaava-application-card img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .6s cubic-bezier(.22,.61,.36,1),
        filter .5s ease;
}


/* =====================================================
   DARK OVERLAY
   ===================================================== */

.asiaava-application-card::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.78) 0%,
            rgba(0,0,0,.30) 42%,
            rgba(0,0,0,0) 75%
        );
}


/* =====================================================
   CONTENT
   ===================================================== */

.asiaava-application-content {

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

    padding: 20px;

    box-sizing: border-box;

    color: #fff;
}


/* TITLE */

.asiaava-application-content h3 {

    margin: 0 0 5px;

    color: #fff;

    font-size: 19px;

    font-weight: 800;
}


/* DESCRIPTION */

.asiaava-application-content span {

    display: block;

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

    font-size: 12px;
}


/* =====================================================
   ARROW
   ===================================================== */

.asiaava-application-arrow {

    position: absolute;

    left: 20px;

    bottom: 20px;

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    color: #a77d38;

    font-size: 20px;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease;
}


/* =====================================================
   CARD HOVER
   ===================================================== */

.asiaava-application-card:hover {

    transform: translateY(-7px);

    box-shadow:
        0 18px 35px rgba(0,0,0,.18);
}


.asiaava-application-card:hover img {

    transform: scale(1.08);

    filter: brightness(.95);
}


.asiaava-application-card:hover
.asiaava-application-arrow {

    transform: translateX(-5px);

    background: #b8893f;

    color: #fff;
}


/* =====================================================
   BUTTON
   ===================================================== */

.asiaava-applications-button {

    display: flex;

    width: fit-content;

    margin: 35px auto 0;

    padding: 13px 30px;

    align-items: center;

    justify-content: center;

    gap: 12px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #a77d38,
            #c99d51
        );

    color: #fff;

    font-size: 14px;

    font-weight: 800;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(167,125,56,.25);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.asiaava-applications-button:hover {

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(167,125,56,.35);
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 950px) {

    .asiaava-applications-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 600px) {

    .asiaava-applications {

        padding: 10px 15px 45px;
    }


    .asiaava-applications-heading h2 {

        font-size: 25px;
    }


    .asiaava-applications-heading p {

        font-size: 13px;
    }


    .asiaava-applications-grid {

        grid-template-columns: 1fr;

        gap: 16px;
    }


    .asiaava-application-card {

        height: 260px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cc16b5 */.elementor-3790 .elementor-element.elementor-element-6cc16b5 {
    position: relative;
    width: 100%;
    background-image: url("/wp-content/uploads/2026/10/پس_زمینه-مرمری-موج_دار-با-طلای-لوکس.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #faf8f4;
    overflow: hidden;
}/* End custom CSS */