.elementor-kit-6{--e-global-color-primary:#640310;--e-global-color-secondary:#8B0B1B;--e-global-color-text:#C0C0C0;--e-global-color-accent:#000000;--e-global-color-6ebf76f:#FFFFFF;--e-global-color-284a70e:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"iran yekan", Sans-serif;font-size:13px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"iran yekan", Sans-serif;font-size:18px;}.elementor-kit-6 h1{font-family:"iran yekan", Sans-serif;font-size:24px;}.elementor-kit-6 h2{font-family:"iran yekan", Sans-serif;font-size:24px;}.elementor-kit-6 h3{font-family:"iran yekan", Sans-serif;font-size:28px;}.elementor-kit-6 h5{font-family:"iran yekan", Sans-serif;font-size:30px;}.elementor-kit-6 h6{font-family:"iran yekan", Sans-serif;font-size:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.container{

max-width:100%!important;
}
.hero-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1366 / 768; /* نسبت تصویر شما */
  overflow: hidden;

}

.hero-wrap {
  width: 100%;
  height: 90vh;
}
@media (max-width: 767px) {

.hero-wrap {
  height: 50vh;
    background-position: right;}
}
.bag-image {
    object-fit: contain;
  position: absolute;
  left: 62%;
  top: 78%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 5;
}
@media (max-width: 1440px) {
  .bag-image {
    left: 61%;
    top: 63%;
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .bag-image {
    left: 71%;
    top: 80%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .bag-image {
    left: 50%;
    top: 60%;
    width: 100%;
  }
}/* End custom CSS */