/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1784824635
Updated: 2026-07-23 16:37:15

*/
body .load_more_servics{cursor:pointer}
.service_card_button a{background:none !important;color:#20241F !important;padding:0 !important;border-radius:0px !important;border:0px 0px 1px 0px !important} 
body{overflow-x:hidden !important}
p{margin:0 !important}
body .green_clr{color:#6AB47F}
body .letter-circle{
    width: 48px;
    height: 48px;
    background: #DDF0E2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-family: "Georgia", serif;
    font-weight: 500;
    color: #1C552A;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
	align-items:center;justify-content:center
}
.letter-circle span{display: flex;align-items: center;justify-content: center;}
/* Tab panel = containing block for sticky button */
.services-tab-panel {
  position: relative;
  overflow: visible;
}

/* Button ka column-wrapper — isse sticky banayein, button ko nahi */
.sticky-cta-wrapper {
  position: sticky !important;
  top: 80px;
  align-self: flex-start !important;
  z-index: 5;
}
body .service-card{position:relative;overflow:hidden;border-radius:999px;isolation:isolate;}
body .service-overlay{position:absolute !important;inset:0;z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;}
body .service-overlay::before{content:"";
	position:absolute;
	inset:0;
	background:#499765AB;
	border-radius:100%;
	transform:scale(0);
	transform-origin:center;
	transition:transform .7s cubic-bezier(.22,1,.36,1);
	z-index:-1;
}
body .service-card:hover .service-overlay::before{transform:scale(1.5);}
body .service-overlay{opacity:0;transform:translateY(40px);transition:opacity .2s ease, transform .2s ease;}
body .service-card:hover .service-overlay{opacity:1;transform:translateY(0);}

body .services_card_hover{background:#fff; transition:background-color .45s ease,transform .45s ease;}
body .services_card_hover:hover{background:#499765 !important;}
body .services_card_hover:hover h2,
body .services_card_hover:hover .elementor-widget-text-editor,
body .services_card_hover:hover .elementor-widget-text-editor p{color:#fff !important;}
body .services_card_hover:hover .elementor-button{color:#FFF !important;border-color:#fff !important;}



body .studio_step_cards{transition: background-color .45s ease, transform .45s ease;}
body .studio_step_cards:hover .elementor-widget-text-editor.text_cirle p{color:#fff !important}
body .studio_step_cards .elementor-heading-title,
body .studio_step_cards .elementor-widget-text-editor{transition: color .45s ease;}
body .studio_step_cards:hover{background:#fff !important;}
body .studio_step_cards:hover .elementor-heading-title,
body .studio_step_cards:hover .elementor-widget-text-editor,
body .studio_step_cards:hover .elementor-widget-text-editor p{ color:#20241F !important;}


.gallery_grid_wrapper .e-gallery-container {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
  grid-auto-rows: 6px !important;
  gap: 12px !important;
}

.gallery_grid_wrapper .e-gallery-item {
  width: 100% !important;
  height: 100% !important;
}

.gallery_grid_wrapper .e-gallery-image {
  padding-top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 35px;
}


/* =========================
   DESKTOP - REPEATING 11 IMAGE PATTERN
========================= */

/* Image 1,12,23,34,45 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+1) {
  grid-column: span 6 !important;
  grid-row: span 40 !important;
}

/* Image 2,13,24,35,46 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+2) {
  grid-column: span 3 !important;
  grid-row: span 40 !important;
}

/* Image 3,14,25,36,47 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+3) {
  grid-column: span 3 !important;
  grid-row: span 40 !important;
}


/* Image 4,15,26,37,48 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+4) {
  grid-column: span 3 !important;
  grid-row: span 52 !important;
}

/* Image 5,16,27,38,49 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+5) {
  grid-column: span 3 !important;
  grid-row: span 52 !important;
}

/* Image 6,17,28,39,50 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+6) {
  grid-column: span 6 !important;
  grid-row: span 32 !important;
}

/* Image 7,18,29,40,51 */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+7),
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+8) {
  grid-column: span 3 !important;
  grid-row: span 20 !important;
}


/* Image 9,10,11 repeat */
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+9),
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+10),
.gallery_grid_wrapper .e-gallery-item:nth-child(11n+11) {
  grid-column: span 4 !important;
  grid-row: span 36 !important;
}



/* =========================
   TABLET
========================= */

@media (max-width: 900px) {
  .gallery_grid_wrapper .e-gallery-container {
    grid-template-columns: repeat(6,1fr) !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+1),
  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+2) {
    grid-column: span 3 !important;
    grid-row: span 34 !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+3) {
    grid-column: span 6 !important;
    grid-row: span 30 !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+4),
  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+5) {
    grid-column: span 3 !important;
    grid-row: span 40 !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+6) {
    grid-column: span 6 !important;
    grid-row: span 26 !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+7),
  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+8) {
    grid-column: span 3 !important;
    grid-row: span 18 !important;
  }


  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+9),
  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+10),
  .gallery_grid_wrapper .e-gallery-item:nth-child(11n+11) {
    grid-column: span 3 !important;
    grid-row: span 30 !important;
  }

}


.gallery_grid_wrapper .e-gallery-item.hide-gallery-item {
    display: none !important;
}
/* =========================
   MOBILE
========================= */


@media (max-width:560px){

  .gallery_grid_wrapper .e-gallery-container {
    grid-template-columns:1fr !important;
  }

  .gallery_grid_wrapper .e-gallery-item {
    grid-column: span 1 !important;
    grid-row: span 30 !important;
  }

}.gallery_grid_wrapper .e-gallery-item.hide-gallery-item {
    display: none !important;
}
@media only screen and (max-width: 425px) {
	body .logo_container{width:40%} 
}



@media (max-width: 560px) {

    .gallery_grid_wrapper .e-gallery-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px;
    }

    .gallery_grid_wrapper .e-gallery-item {
        width: 100% !important;
        height: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .gallery_grid_wrapper .e-gallery-image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: auto !important;
    }

}