.elementor-992885 .elementor-element.elementor-element-9294c32{--display:flex;--min-height:201px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-992885 .elementor-element.elementor-element-eaf707c{text-align:center;}.elementor-992885 .elementor-element.elementor-element-eaf707c .elementor-heading-title{color:#59050B;}.elementor-992885 .elementor-element.elementor-element-31f2867{--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-992885 .elementor-element.elementor-element-70f1ba6{text-align:center;}.elementor-992885 .elementor-element.elementor-element-38402aa{--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;}body.elementor-page-992885:not(.elementor-motion-effects-element-type-background), body.elementor-page-992885 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4F2;background-image:url("https://damaspakistan.com/wp-content/uploads/2020/09/bg-lines.svg");background-position:top center;background-repeat:repeat-y;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-992885 .elementor-element.elementor-element-eaf707c{text-align:center;}}/* Start custom CSS for ucaddon_uc_tiles_grid_image, class: .elementor-element-ba3c9b3 *//* MOBILE: 1 centered square tile per row, no horizontal scroll */
@media (max-width: 600px) {

  /* 0) Make sure the page itself can't scroll sideways */
  html, body {
    overflow-x: hidden !important;
  }

  /* 1) The section/column that holds the gallery (center + no side padding overflow) */
  .elementor-section,
  .elementor-column,
  .elementor-widget-container {
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }

  /* 2) Center the gallery block and clamp width to viewport */
  .ug-thumbs-grid {
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
    margin: 0 auto !important;
  }

  /* 3) Vertical column of tiles, no overflow */
  .ug-thumbs-grid-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* 4) Each tile: full-width square within viewport, centered */
  .ug-thumbs-grid-inner .ug-thumb-wrapper {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;   /* never wider than viewport */
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 0 16px 0 !important;
    overflow: hidden !important;
  }

  /* 5) Image: perfectly centered, covers square; no overflow in X */
  .ug-thumbs-grid-inner .ug-thumb-wrapper .ug-thumb-image {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* 6) Overlay covers full tile */
  .ug-thumbs-grid-inner .ug-thumb-wrapper .ug-thumb-overlay {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}/* End custom CSS */