.elementor-662 .elementor-element.elementor-element-60eb1684{--display:flex;--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;--align-items:center;}.elementor-662 .elementor-element.elementor-element-18820401{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-662 .elementor-element.elementor-element-18820401.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-76db653c{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-662 .elementor-element.elementor-element-76db653c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-620f4dec .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:59px;font-weight:200;color:var( --e-global-color-text );}.elementor-662 .elementor-element.elementor-element-7cd7ccfb{width:initial;max-width:initial;text-align:center;font-family:"Sora", Sans-serif;font-weight:400;line-height:28px;letter-spacing:0.3px;color:var( --e-global-color-kadence5 );}.elementor-662 .elementor-element.elementor-element-62489eb1{width:100%;max-width:100%;text-align:center;}.elementor-662 .elementor-element.elementor-element-62489eb1 img{width:1440px;height:64vh;object-fit:cover;object-position:center center;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:24px 24px 24px 24px;}.elementor-662 .elementor-element.elementor-element-660d8f00{--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;--justify-content:space-between;--align-items:flex-start;}.elementor-662 .elementor-element.elementor-element-71574c74{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:08px 0px;--row-gap:08px;--column-gap:0px;}.elementor-662 .elementor-element.elementor-element-71574c74.e-con{--order:99999 /* order end hack */;}.elementor-662 .elementor-element.elementor-element-52d9eabc .elementor-heading-title{font-size:12px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-kadence6 );}.elementor-662 .elementor-element.elementor-element-49440b61{font-weight:500;color:var( --e-global-color-kadence5 );}.elementor-662 .elementor-element.elementor-element-3c7be9e7{margin:016px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-3c7be9e7 .elementor-heading-title{font-size:12px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-kadence6 );}.elementor-662 .elementor-element.elementor-element-331ad7fb{font-weight:500;color:var( --e-global-color-kadence5 );}.elementor-662 .elementor-element.elementor-element-a23208b{font-weight:500;color:var( --e-global-color-kadence5 );}.elementor-662 .elementor-element.elementor-element-13a39458{--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-662 .elementor-element.elementor-element-13a39458.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-5b195e69{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:24px 24px 24px 24px;--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-662 .elementor-element.elementor-element-5b195e69:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5b195e69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-662 .elementor-element.elementor-element-5b195e69.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-4082f09d .elementor-heading-title{font-size:22px;font-weight:600;text-transform:uppercase;color:#578D0E;}.elementor-662 .elementor-element.elementor-element-cca2539{font-size:16px;color:var( --e-global-color-text );}.elementor-662 .elementor-element.elementor-element-2d9aecb5{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:024px 0px;--row-gap:024px;--column-gap:0px;--border-radius:24px 24px 24px 24px;--margin-top:020px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-2d9aecb5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-214399e6 .elementor-heading-title{font-size:22px;font-weight:600;color:#BC5454;}.elementor-662 .elementor-element.elementor-element-2fae51a4{font-family:"Sora", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-662 .elementor-element.elementor-element-2bc69409 .elementor-heading-title{font-size:22px;font-weight:600;color:#39938D;}.elementor-662 .elementor-element.elementor-element-66f024c0{color:var( --e-global-color-text );}.elementor-662 .elementor-element.elementor-element-6a7fdd1c{--display:flex;--min-height:52vh;--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:space-between;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-23202d8{--display:flex;--min-height:70vh;}.elementor-662 .elementor-element.elementor-element-23202d8:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-23202d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://islamimad.io/wp-content/uploads/2025/09/nf.webp");background-position:center center;background-repeat:no-repeat;}.elementor-662 .elementor-element.elementor-element-cd6b702{--display:flex;--min-height:100vh;}.elementor-662 .elementor-element.elementor-element-cd6b702:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-cd6b702 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://islamimad.io/wp-content/uploads/2025/09/Admin-1536x1288-1.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-662 .elementor-element.elementor-element-52be5024{--display:flex;--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;--align-items:flex-start;--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-3cdc2132{text-align:left;}.elementor-662 .elementor-element.elementor-element-3cdc2132 .elementor-heading-title{font-size:79px;font-weight:400;letter-spacing:-3.7px;}.elementor-662 .elementor-element.elementor-element-73aefea.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:72px;}.elementor-662 .elementor-element.elementor-element-73aefea{width:100%;max-width:100%;margin:096px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-73aefea .elementor-main-swiper{height:286px;width:493px;}.elementor-662 .elementor-element.elementor-element-73aefea .elementor-main-swiper .swiper-slide{border-radius:36px;}.elementor-662 .elementor-element.elementor-element-73aefea .elementor-swiper-button{font-size:30px;color:#0A0A0A;}.elementor-662 .elementor-element.elementor-element-73aefea .elementor-swiper-button svg{fill:#0A0A0A;}.elementor-662 .elementor-element.elementor-element-73aefea .elementor-custom-embed-play i{text-shadow:0px 0px 44px rgba(32.30000000000001, 23.61279211956522, 23.61279211956522, 0.88);}.elementor-662 .elementor-element.elementor-element-425674f7{--display:flex;--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;--align-items:center;--margin-top:096px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button{background-color:#ECECEC00;font-size:36px;font-weight:200;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-radius:999px 999px 999px 999px;padding:36px 044px 36px 044px;}.elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button:hover, .elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-kadence9 );}.elementor-662 .elementor-element.elementor-element-5b2fa217.elementor-element{--order:99999 /* order end hack */;}.elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button-content-wrapper{flex-direction:row;}.elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button:hover svg, .elementor-662 .elementor-element.elementor-element-5b2fa217 .elementor-button:focus svg{fill:var( --e-global-color-kadence9 );}.elementor-662 .elementor-element.elementor-element-9808420.elementor-element{--order:-2;--flex-grow:1;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-9808420{font-size:43px;font-weight:300;color:var( --e-global-color-text );}.elementor-662 .elementor-element.elementor-element-2d3a794b{--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:center;--margin-top:040px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-2d3a794b.e-con{--order:99999 /* order end hack */;}.elementor-662 .elementor-element.elementor-element-51effc3a.elementor-element{--order:-99999 /* order start hack */;}.elementor-662 .elementor-element.elementor-element-51effc3a .elementor-icon-wrapper{text-align:center;}.elementor-662 .elementor-element.elementor-element-51effc3a .elementor-icon{font-size:32px;}.elementor-662 .elementor-element.elementor-element-51effc3a .elementor-icon svg{height:32px;}.elementor-662 .elementor-element.elementor-element-7d719737 .elementor-button{background-color:#ECECEC00;font-size:16px;text-decoration:underline;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:none;border-radius:999px 999px 999px 999px;padding:16px 16px 16px 16px;}.elementor-662 .elementor-element.elementor-element-7d719737 .elementor-button:hover, .elementor-662 .elementor-element.elementor-element-7d719737 .elementor-button:focus{background-color:var( --e-global-color-kadence1 );}.elementor-662 .elementor-element.elementor-element-7d719737.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-60037646 .elementor-button{background-color:#ECECEC00;font-size:16px;text-decoration:underline;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:none;border-radius:999px 999px 999px 999px;padding:16px 16px 16px 16px;}.elementor-662 .elementor-element.elementor-element-60037646 .elementor-button:hover, .elementor-662 .elementor-element.elementor-element-60037646 .elementor-button:focus{background-color:var( --e-global-color-kadence1 );}.elementor-662 .elementor-element.elementor-element-60037646.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-31e6e1ff{width:100%;max-width:100%;font-size:16px;font-weight:300;color:var( --e-global-color-kadence5 );}@media(max-width:1024px){.elementor-662 .elementor-element.elementor-element-73aefea.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(min-width:768px){.elementor-662 .elementor-element.elementor-element-60eb1684{--content-width:100vw;}.elementor-662 .elementor-element.elementor-element-18820401{--width:100%;}.elementor-662 .elementor-element.elementor-element-660d8f00{--content-width:1440px;}.elementor-662 .elementor-element.elementor-element-71574c74{--width:39%;}.elementor-662 .elementor-element.elementor-element-13a39458{--width:49.943%;}.elementor-662 .elementor-element.elementor-element-5b195e69{--width:100%;}.elementor-662 .elementor-element.elementor-element-2d9aecb5{--width:100%;}.elementor-662 .elementor-element.elementor-element-cd6b702{--width:100%;}.elementor-662 .elementor-element.elementor-element-52be5024{--width:100vw;}}@media(max-width:767px){.elementor-662 .elementor-element.elementor-element-76db653c{--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;text-align:center;}.elementor-662 .elementor-element.elementor-element-620f4dec{text-align:center;}.elementor-662 .elementor-element.elementor-element-71574c74.e-con{--order:-99999 /* order start hack */;}.elementor-662 .elementor-element.elementor-element-13a39458{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-5b195e69{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-662 .elementor-element.elementor-element-73aefea.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for media-carousel, class: .elementor-element-73aefea *//* ========== Cards Carousel: layout & look ========== */

/* Let slides peek beyond the section */
.cards-carousel .elementor-swiper,
.cards-carousel .swiper { overflow: visible; }

/* Pull the widget edges outward a bit for the “off-screen peek” */
.cards-carousel.elementor-widget-image-carousel,
.cards-carousel.elementor-widget-media-carousel {
  margin-left: -6vw; margin-right: -6vw;
  padding-left: 6vw; padding-right: 6vw;
}

/* Card styling */
.cards-carousel .swiper-slide img{
  border-radius: 24px;
  box-shadow: 24px 10px 30px 20px rgba(0,0,0,100);
  transition: transform .3s, filter .3s, opacity .3s, box-shadow .3s;
}

/* Base + active emphasis */
.cards-carousel .swiper-slide { opacity:1; filter: grayscale(0); 
    box-shadow:-31px 46px 22px rgba(0, 0, 0, 0.01), -17px 26px 19px rgba(0, 0, 0, 0.03), -8px 11px 14px rgba(0, 0, 0, 0.05), -2px 3px 8px rgba(0, 0, 0, 0.06);
}
.cards-carousel .swiper-slide.swiper-slide-active{
        box-shadow: -96px 127px 64px rgba(0, 0, 0, 0.01), -54px 71px 54px rgba(0, 0, 0, 0.05), -24px 32px 40px rgba(0, 0, 0, 0.08), -6px 8px 22px rgba(0, 0, 0, 0.1);
  opacity:1; filter:none; transform: translateY(-2px) scale(1.2);
}

/* ========== Overlay tint (color & opacity you control) ========== */
.cards-carousel .elementor-carousel-image-overlay{
  /* tweak these two lines */
  --overlay-tint: rgba(0,0,0,0);       /* base (no hover) */
  --overlay-tint-hover: rgba(17,17,17,.15); /* on slide hover */

  background: var(--overlay-tint);
  transition: background .25s ease;
}

/* Tint when a slide is hovered */
.cards-carousel .swiper-slide:hover .elementor-carousel-image-overlay{
  background: var(--overlay-tint-hover);
}

/* Optional: a softer tint for non-active slides only */
.cards-carousel .swiper-slide:not(.swiper-slide-active):hover .elementor-carousel-image-overlay{
  /* comment this out if you want same tint on active slide */
  background: rgba(17,17,17,.20);
}

/* ========== Centered circular arrow button ========== */
.overlay-arrow .elementor-carousel-image-overlay{
  --btn-size: 56px;
  --btn-bg: #fff;   /* button background on image hover */
  --btn-fg: #111;   /* arrow color on image hover */
  --dx: 0px;        /* tiny offset set by JS */
  --dy: 0px;
}

/* Hide any default overlay icons Elementor injects */
.overlay-arrow .elementor-carousel-image-overlay .eicon,
.overlay-arrow .elementor-carousel-image-overlay i,
.overlay-arrow .elementor-carousel-image-overlay svg{ display:none !important; }

/* Our centered button */
.overlay-arrow .elementor-carousel-image-overlay::after{
  content:"\f061"; /* Font Awesome arrow-right */
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight:900;

  position:absolute; top:50%; left:50%;
  width:var(--btn-size); height:var(--btn-size);
  border-radius:999px;
  background:var(--btn-bg);
  color:var(--btn-fg);

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

  opacity:0; pointer-events:none; /* keep slide clickable */
  transform: translate(-50%,-50%) translate(var(--dx), var(--dy));
  transition: opacity .18s ease, transform .1s ease,
              background .18s ease, color .18s ease;
}

/* Show button when the slide/image is hovered */
/*.overlay-arrow .swiper-slide:hover .elementor-carousel-image-overlay::after,
.overlay-arrow .elementor-carousel-image:hover .elementor-carousel-image-overlay::after{
  opacity:1;
}

/* Invert colors when hovering the overlay area itself (button hover) */
.overlay-arrow .elementor-carousel-image-overlay:hover::after{
  background:#111;  /* black */
  color:#fff;       /* white arrow */
}

/* Responsive tweak */
@media (max-width: 767px){
  .cards-carousel.elementor-widget-image-carousel,
  .cards-carousel.elementor-widget-media-carousel{
    margin-left:-4vw; margin-right:-4vw; padding-left:4vw; padding-right:4vw;
  }
  .overlay-arrow .elementor-carousel-image-overlay{ --btn-size: 44px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52be5024 */.all-works{
    align-self: center;
    align-items: center;
    
}/* End custom CSS */