.elementor-1182 .elementor-element.elementor-element-530ma6f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.6;--padding-top:250px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1182 .elementor-element.elementor-element-530ma6f:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-530ma6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );background-image:url("https://qatarstainlesssteelglass.com/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-28-at-4.32.14-PM-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1182 .elementor-element.elementor-element-530ma6f::before, .elementor-1182 .elementor-element.elementor-element-530ma6f > .elementor-background-video-container::before, .elementor-1182 .elementor-element.elementor-element-530ma6f > .e-con-inner > .elementor-background-video-container::before, .elementor-1182 .elementor-element.elementor-element-530ma6f > .elementor-background-slideshow::before, .elementor-1182 .elementor-element.elementor-element-530ma6f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1182 .elementor-element.elementor-element-530ma6f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor2 );--background-overlay:'';}.elementor-1182 .elementor-element.elementor-element-6df806b{--display:flex;}.elementor-1182 .elementor-element.elementor-element-6abbaa2{text-align:center;}.elementor-1182 .elementor-element.elementor-element-6abbaa2 .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-1182 .elementor-element.elementor-element-e5den7w{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1182 .elementor-element.elementor-element-0635d22{--display:flex;}.elementor-1182 .elementor-element.elementor-element-eb1310c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1182 .elementor-element.elementor-element-f8680e2{--e-image-carousel-slides-to-show:4;}.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;}.elementor-1182 .elementor-element.elementor-element-99f7f0a{--display:flex;}.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item .gallery-caption{display:none;}.elementor-1182 .elementor-element.elementor-element-7d2de52 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-1182 .elementor-element.elementor-element-7d2de52:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-7d2de52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://qatarstainlesssteelglass.com/wp-content/uploads/2026/06/8D8E51C3-DF15-48AE-979C-88FA55B88C4B.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1182 .elementor-element.elementor-element-7d2de52 > .elementor-background-overlay{background-color:#050000;opacity:0.44;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1182 .elementor-element.elementor-element-7d2de52{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 120px 0px;}.elementor-1182 .elementor-element.elementor-element-767130d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1182 .elementor-element.elementor-element-f3c65df .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-1182 .elementor-element.elementor-element-b011176 > .elementor-element-populated{padding:0px 0px 0px 50px;}.elementor-1182 .elementor-element.elementor-element-4464c4f{columns:1;color:var( --e-global-color-astglobalcolor5 );}.elementor-1182 .elementor-element.elementor-element-ccc9e79.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1182 .elementor-element.elementor-element-ccc9e79{border-style:solid;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:15px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1182 .elementor-element.elementor-element-ccc9e79.elementor-view-framed .elementor-icon, .elementor-1182 .elementor-element.elementor-element-ccc9e79.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title, .elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:700;line-height:1px;letter-spacing:-1.7px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-description{text-shadow:0px 0px 10px rgba(0,0,0,0.3);}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-1182 .elementor-element.elementor-element-767130d{width:45%;}}@media(max-width:1024px){.elementor-1182 .elementor-element.elementor-element-530ma6f{--padding-top:200px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1182 .elementor-element.elementor-element-e5den7w{--padding-top:100px;--padding-bottom:100px;--padding-left:4px;--padding-right:4px;}.elementor-1182 .elementor-element.elementor-element-7ce200c{padding:0px 0px 0px 10px;}.elementor-1182 .elementor-element.elementor-element-ba68558{padding:0px 0px 0px 10px;}.elementor-1182 .elementor-element.elementor-element-7d2de52{padding:90px 25px 90px 25px;}.elementor-1182 .elementor-element.elementor-element-b011176 > .elementor-element-populated{padding:0px 0px 0px 20px;}}@media(max-width:767px){.elementor-1182 .elementor-element.elementor-element-e5den7w{--padding-top:60px;--padding-bottom:60px;--padding-left:14px;--padding-right:14px;}.elementor-1182 .elementor-element.elementor-element-7ce200c{padding:0px 0px 0px 0px;}.elementor-1182 .elementor-element.elementor-element-ba68558{padding:0px 0px 0px 0px;}.elementor-1182 .elementor-element.elementor-element-f8680e2{--e-image-carousel-slides-to-show:2;}.elementor-1182 .elementor-element.elementor-element-7d2de52:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-7d2de52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1182 .elementor-element.elementor-element-7d2de52{padding:75px 20px 75px 20px;}.elementor-1182 .elementor-element.elementor-element-b011176 > .elementor-element-populated{margin:20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79{width:var( --container-widget-width, 70% );max-width:70%;padding:-20px -20px -20px -20px;--container-widget-width:70%;--container-widget-flex-grow:0;border-radius:7px 7px 7px 7px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79.elementor-element{--align-self:center;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title{margin-block-end:0px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon{font-size:25px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title, .elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title a{font-size:22px;}.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-description{letter-spacing:3.7px;}}@media(min-width:1025px){.elementor-1182 .elementor-element.elementor-element-530ma6f:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-530ma6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-1182 .elementor-element.elementor-element-7d2de52:not(.elementor-motion-effects-element-type-background), .elementor-1182 .elementor-element.elementor-element-7d2de52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for image-carousel, class: .elementor-element-f8680e2 *//* ── Slide image: uniform size ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide-image {
    height: 320px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 14px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
}

/* ── Each slide wrapper ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide {
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.13);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
    background: #f0f0f0;
}

/* ── Hover: lift + zoom ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide:hover {
    box-shadow: 0 14px 40px rgba(0,0,0,0.22);
    transform: translateY(-4px);
}

.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide:hover .swiper-slide-image {
    transform: scale(1.06);
}

/* ── Navigation Arrows ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .elementor-swiper-button {
    width: 46px;
    height: 46px;
    background: rgba(255,255,255,0.92);
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(0,0,0,0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    color: #222;
}

.elementor-1182 .elementor-element.elementor-element-f8680e2 .elementor-swiper-button:hover {
    background: #c8a96e;
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 6px 22px rgba(200,169,110,0.45);
}

.elementor-1182 .elementor-element.elementor-element-f8680e2 .elementor-swiper-button i {
    font-size: 16px;
}

/* ── Pagination Dots ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 1;
    border-radius: 50%;
    transition: background 0.3s ease, transform 0.3s ease;
    margin: 0 4px !important;
}

.elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-pagination-bullet-active {
    background: #c8a96e;
    transform: scale(1.4);
}

/* ── Carousel wrapper spacing ── */
.elementor-1182 .elementor-element.elementor-element-f8680e2 .elementor-image-carousel-wrapper {
    padding-bottom: 8px;
}

/* ── Tablet: shorter images ── */
@media (max-width: 1024px) {
    .elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide-image {
        height: 240px;
    }
}

/* ── Mobile: full-width, shorter ── */
@media (max-width: 767px) {
    .elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide-image {
        height: 200px;
        border-radius: 10px;
    }
    .elementor-1182 .elementor-element.elementor-element-f8680e2 .swiper-slide {
        border-radius: 10px;
    }
    .elementor-1182 .elementor-element.elementor-element-f8680e2 .elementor-swiper-button {
        width: 36px;
        height: 36px;
    }
}/* End custom CSS */
/* Start custom CSS for image-gallery, class: .elementor-element-b30cb4d *//* ── Gallery Item Container ── */
.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item {
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.25);
}

/* ── Image Uniform Size + Zoom on Hover ── */
.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item img {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
    display: block;
}

.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item:hover img {
    transform: scale(1.08);
}

/* ── Overlay on Hover ── */
.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item .gallery-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0,0,0,0.45), rgba(0,0,0,0.15));
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 12px;
    pointer-events: none;
}

.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item:hover .gallery-icon::after {
    opacity: 1;
}

/* ── Gallery Icon wrapper ── */
.elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item .gallery-icon {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    display: block;
}

/* ── Gallery Grid Gap ── */
.elementor-1182 .elementor-element.elementor-element-b30cb4d .elementor-image-gallery .gallery {
    gap: 12px !important;
}

/* ── Tablet: 2 columns ── */
@media (max-width: 1024px) {
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item img {
        height: 220px;
    }
}

/* ── Mobile: 2 columns, shorter images ── */
@media (max-width: 767px) {
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .elementor-image-gallery .gallery {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
    }
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item img {
        height: 160px;
    }
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item {
        border-radius: 8px;
    }
}

/* ── Very small mobile: 1 column ── */
@media (max-width: 480px) {
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .elementor-image-gallery .gallery {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .elementor-1182 .elementor-element.elementor-element-b30cb4d .gallery-item img {
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ccc9e79 */.elementor-1182 .elementor-element.elementor-element-ccc9e79 {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border-radius: 50px;
    padding: 8px 18px 8px 12px;
    border: 2px solid rgba(255,255,255,0.3);
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5);
    animation: wa-pulse 2s ease-in-out infinite, wa-glow 2s ease-in-out infinite;
    animation-delay: 0s;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: visible;
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 30px rgba(37, 211, 102, 0.7);
    animation-play-state: paused;
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-icon {
    animation: wa-icon-bounce 2s ease-in-out infinite;
    animation-delay: 0s;
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-icon .elementor-icon {
    color: #ffffff !important;
    filter: drop-shadow(0 0 6px rgba(255,255,255,0.8));
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title a,
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title span {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.2);
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 54px;
    background: linear-gradient(135deg, rgba(37,211,102,0.4), rgba(18,140,126,0.2));
    z-index: -1;
    animation: wa-ring 2s ease-in-out infinite;
    animation-delay: 0s;
}
@keyframes wa-pulse {
    0%   { transform: scale(1); box-shadow: 0 4px 20px rgba(37,211,102,0.5); }
    50%  { transform: scale(1.04); box-shadow: 0 6px 28px rgba(37,211,102,0.75); }
    100% { transform: scale(1); box-shadow: 0 4px 20px rgba(37,211,102,0.5); }
}
@keyframes wa-glow {
    0%   { border-color: rgba(255,255,255,0.3); }
    50%  { border-color: rgba(255,255,255,0.7); }
    100% { border-color: rgba(255,255,255,0.3); }
}
@keyframes wa-icon-bounce {
    0%   { transform: rotate(0deg) scale(1); }
    25%  { transform: rotate(-10deg) scale(1.1); }
    50%  { transform: rotate(0deg) scale(1); }
    75%  { transform: rotate(10deg) scale(1.1); }
    100% { transform: rotate(0deg) scale(1); }
}
@keyframes wa-ring {
    0%   { opacity: 0.6; transform: scale(1); }
    50%  { opacity: 0; transform: scale(1.15); }
    100% { opacity: 0.6; transform: scale(1); }
}
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title,
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title span,
.elementor-1182 .elementor-element.elementor-element-ccc9e79 .elementor-icon-box-title a {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}/* End custom CSS */