.elementor-7333 .elementor-element.elementor-element-f44dd0e{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-f44dd0e:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-f44dd0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7333 .elementor-element.elementor-element-28ad7dd{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-28ad7dd:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-28ad7dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7333 .elementor-element.elementor-element-1c67ae7 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:20px;font-weight:500;line-height:35px;letter-spacing:1px;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-cb2c856 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:20px;font-weight:500;line-height:35px;letter-spacing:1px;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-4543a85 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:20px;font-weight:500;letter-spacing:1px;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-96c0c85{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-96c0c85:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-96c0c85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-7333 .elementor-element.elementor-element-14c2e73{--divider-border-style:solid;--divider-color:#FF00D8;--divider-border-width:2px;}.elementor-7333 .elementor-element.elementor-element-14c2e73 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-14c2e73 .elementor-divider-separator{width:13%;}.elementor-7333 .elementor-element.elementor-element-14c2e73 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7333 .elementor-element.elementor-element-1c0ff10 > .elementor-widget-container{margin:-30px 0px 0px 20px;}.elementor-7333 .elementor-element.elementor-element-1c0ff10 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:40px;font-weight:500;letter-spacing:1px;color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7333 .elementor-element.elementor-element-68fdbc3 > .elementor-widget-container{--e-transform-rotateZ:-5deg;--e-transform-translateX:550px;--e-transform-translateY:-310px;--e-transform-scale:0.3;}.elementor-7333 .elementor-element.elementor-element-b39ba93 > .elementor-widget-container{margin:-580px 0px 0px 0px;}.elementor-7333 .elementor-element.elementor-element-cde5221{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-cde5221:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-cde5221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7333 .elementor-element.elementor-element-1e0b6eb{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-1e0b6eb:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-1e0b6eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7333 .elementor-element.elementor-element-e00e380 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-d8d46a3 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-2742724 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-7333 .elementor-element.elementor-element-dd73509{--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;overflow:visible;}.elementor-7333 .elementor-element.elementor-element-dd73509:not(.elementor-motion-effects-element-type-background), .elementor-7333 .elementor-element.elementor-element-dd73509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7333 .elementor-element.elementor-element-f8b96b0{--divider-border-style:solid;--divider-color:#FF00D8;--divider-border-width:2px;}.elementor-7333 .elementor-element.elementor-element-f8b96b0 .elementor-divider-separator{width:100%;}.elementor-7333 .elementor-element.elementor-element-f8b96b0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-7333 .elementor-element.elementor-element-897c4ac .elementor-heading-title{font-family:"Afacad", Sans-serif;font-weight:500;color:#FFFFFF;}@media(max-width:767px){.elementor-7333 .elementor-element.elementor-element-e00e380 .elementor-heading-title{font-size:20px;letter-spacing:1px;}.elementor-7333 .elementor-element.elementor-element-d8d46a3 .elementor-heading-title{font-size:20px;letter-spacing:1px;}.elementor-7333 .elementor-element.elementor-element-2742724 .elementor-heading-title{font-size:20px;letter-spacing:1px;}.elementor-7333 .elementor-element.elementor-element-f8b96b0 .elementor-divider-separator{width:25%;}.elementor-7333 .elementor-element.elementor-element-897c4ac > .elementor-widget-container{margin:-30px 0px 0px 20px;}.elementor-7333 .elementor-element.elementor-element-897c4ac .elementor-heading-title{font-size:25px;letter-spacing:1px;}}/* Start custom CSS for html, class: .elementor-element-b39ba93 *//* Container styling */
.offset-grid-wrapper {
  display: flex;
  gap: 5px;
  justify-content: center;
  background: #00000;
  padding: 100px 20px;
  overflow: visible;
}

/* Column spacing */
.grid-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  max-width: 180px;
}

/* Offset / Zigzag Effect */
.grid-col:nth-child(even) { transform: translateY(50px); }
.grid-col:nth-child(odd) { transform: translateY(-20px); }

/* Card Styling - Image ko pura fill karne ke liye */
.client-card {
  background: #1a1d2b;
  border-radius: 18px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Important: Image bahar na nikle */
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: box-shadow 0.3s ease;
  position: relative;
}

/* Image Full Coverage */
.client-card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Image container ki height/width ke barabar fill ho jayegi */
  display: block;
}

/* --- SINGLE COLOR SHADOW PER BOX (Looping) --- */

/* BLUE Shadow */
.client-card:nth-child(3n+1):hover {
  box-shadow: 0 0 25px rgba(0, 162, 255, 0.9);
  z-index: 10; /* Hover wala box upar dikhe */
}

/* PINK Shadow */
.client-card:nth-child(3n+2):hover {
  box-shadow: 0 0 25px rgba(255, 0, 127, 0.9);
  z-index: 10;
}

/* YELLOW Shadow */
.client-card:nth-child(3n+3):hover {
  box-shadow: 0 0 25px rgba(255, 204, 0, 0.9);
  z-index: 10;
}

/* Responsive for Mobile */
@media (max-width: 768px) {
  .offset-grid-wrapper {
    flex-wrap: wrap; /* Mobile pe wrap ho jaye */
    gap: 10px;
    padding: 40px 10px;
  }
  .grid-col {
    max-width: 45%; /* 2 items per row on mobile */
    transform: translateY(0) !important; /* Mobile pe offset hata diya */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ffb71cb *//* Container styling */
.offset-grid-wrapper {
  display: flex;
  gap: 5px;
  justify-content: center;
  background: #00000;
  padding: 100px 20px;
  overflow: visible;
}

/* Column spacing */
.grid-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  max-width: 180px;
}

/* Offset / Zigzag Effect */
.grid-col:nth-child(even) { transform: translateY(50px); }
.grid-col:nth-child(odd) { transform: translateY(-20px); }

/* Card Styling - Image ko pura fill karne ke liye */
.client-card {
  background: #1a1d2b;
  border-radius: 18px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; /* Important: Image bahar na nikle */
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: box-shadow 0.3s ease;
  position: relative;
}

/* Image Full Coverage */
.client-card img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Image container ki height/width ke barabar fill ho jayegi */
  display: block;
}

/* --- SINGLE COLOR SHADOW PER BOX (Looping) --- */

/* BLUE Shadow */
.client-card:nth-child(3n+1):hover {
  box-shadow: 0 0 25px rgba(0, 162, 255, 0.9);
  z-index: 10; /* Hover wala box upar dikhe */
}

/* PINK Shadow */
.client-card:nth-child(3n+2):hover {
  box-shadow: 0 0 25px rgba(255, 0, 127, 0.9);
  z-index: 10;
}

/* YELLOW Shadow */
.client-card:nth-child(3n+3):hover {
  box-shadow: 0 0 25px rgba(255, 204, 0, 0.9);
  z-index: 10;
}

/* Responsive for Mobile */
@media (max-width: 768px) {
  .offset-grid-wrapper {
    flex-wrap: wrap; /* Mobile pe wrap ho jaye */
    gap: 10px;
    padding: 40px 10px;
  }
  .grid-col {
    max-width: 45%; /* 2 items per row on mobile */
    transform: translateY(0) !important; /* Mobile pe offset hata diya */
  }
}/* End custom CSS */