/*
Theme Name: Growla Child
Theme URI: https://gfxpartner.com/growla-1
Author: GFXPARTNER
Author URI: https://themeforest.net/user/gfxpartner
Description: Growla is the best Creative Multipurpose WordPress Theme.
Version: 1.0.0
Template: growla
*/

@media screen and (max-width: 767px){
	.gmb .growla-icon-box{height:auto!important;}
	.smarta h3, .utt h3{text-align:center!important;width:auto!important;white-space:normal!important;}
	.seo-banner .growla-heading--content h1, .wcu h3, div .smarta h3, div .utt h3{font-size:3rem!important;text-align:center!important;        line-height: normal !important;}
	.smarta .elementor-widget-image-box .elementor-image-box-description{font-size:22px!important;}
	.smarta figure.elementor-image-box-img img {height: 45px!important;width: 45px!important;}
	.seo-banner p, div.utt p{text-align:center!important;    font-size: 20px !important;}
	div.afterline{margin:auto!important;}
	.back-to-top{bottom:9rem!important; right:1rem!important;}
	.navigation-menu.mobile .arrow-toggle.active{
    transform: rotate(180deg); /* Rotate the arrow when submenu is active */
	color:#ffd800!important;        text-align: justify;        top: -10px;
}
	.navigation-menu.mobile .arrow-toggle{
    display: block;
    position: relative;
            top: -40px;
        text-align: end;height: 0;
}
/* 	.navigation-menu.mobile .menu-item-4932{display:flex;} */
	
	.navigation-menu.mobile .back-button, .navigation-menu.mobile .icon{display:none;}
	
	.navigation-menu.mobile .sub-menu.active li a{display:block!important;visibility:visible!important;opacity:1!important;line-height: 2;}
/* 	.navigation-menu.mobile .sub-menu{left:40%;min-width:50%;    top: 135px;width:50%;} */
	.navigation-menu.mobile .sub-menu{left:0;position:relative;}
	    h2, .growla-heading--content p,.growla-heading--content h1, .growla-heading--content, .project-detail-title {line-height: 1.2;}
	.footer-wrapper.footer-anim-disabled{margin-bottom:30px;}
	.elementor-icon.elementor-social-icon{width:auto!important;}
	.elementor-widget-social-icons .elementor-grid{text-align:center;}
	h1{font-size:5.5rem;}
   #ccookieConsentflx{display:block!important;}
	.single-blog-post h6, .growla-block-slide-2,.bg1 .growla-icon-box,.bg2 .growla-icon-box,.bg3 .growla-icon-box,.bg4 .growla-icon-box, .growla-icon-box, .growla-block-slide-2, .our-services .growla-block-grid .growla-block-slide .growla-block-slide--content{height:auto!important;}
	.sgpb-popup-dialog-main-div-theme-wrapper-6{left:10px!important;}
	#sgpb-popup-dialog-main-div{max-width:90%!important;min-width:90%!important;width:90%!important;}
	.sgpb-popup-close-button-6{right:-2px!important;}
	.growla-block-slide--thumbnail img{height:auto!important;}
	.h-res{height:auto!important;}
	
}
@media screen and (max-width: 585px) and (min-width: 324px){
	.growla-block-slide--content-inner h3{font-size:2.2rem!important;}
	.swiper-slide .growla-block-slide--content-inner{height:250px!important;}
}
@media screen and (max-width: 324px){
	.growla-block-slide--content-inner h3{font-size:2.2rem!important;}
	.swiper-slide .growla-block-slide--content-inner{height:400px!important;}
}
@media screen and (max-width: 400px){
	.single-blog-post .post-thumbnail{height:auto!important;}
	.single-blog-post .date a .wrapper{padding:0px;}
	.single-blog-post .date a span.day{font-size:18px;}
}
.h-res{height:120px;}
.growla-block-slide-2--content-icon{display:none;}
.growla-block-slide-2{pointer-events:none;}
.career p{margin-bottom:15px!important;}
.career  p>strong, .career  p>b{margin-bottom:5px!important; color:#fff!important;}
.blog-detail-content-wrapper a{color:#ffd800!important;}
.blog-detail-content-wrapper{padding:20px;}
div.blog-detail-content-wrapper h4{font-size:2.5rem;}
.single-blog-post .content{padding:5rem 2rem;}
.single-blog-post h6{height:100px;}
#preloader{display:none !important;}
.elementor-widget-counter div.elementor-counter-title{color:#fff; line-height:normal;}
.growla-full-screen-nav-content-menu li a{font-size:2.2rem!important;}
.growla-full-screen-nav-content-logo img{height:7rem!important;}
.hod img, .blog-wrapper img, .blog-detail-content-wrapper img, .related-blog-slider img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.hod-w img {
    filter: none;
     filter: grayscale(100%) invert(100%) brightness(200%);
	    mix-blend-mode: screen;
    background: white;

}
.hod img:hover, .hod-w img:hover, .blog-wrapper img:hover,  .blog-detail-content-wrapper img:hover, .related-blog-slider img:hover  {
    filter: none;
    -webkit-filter: grayscale(0);
}
.elementor-image-carousel .swiper-slide-image{padding:20px!important;}
.bg1 h6, .bg1 p, .bg2 h6, .bg2 p, .bg3 h6, .bg3 p, .bg4 h6, .bg4 p {color:#fff;}
.bg1 .growla-icon-box-icon svg, .bg2 .growla-icon-box-icon svg, .bg3 .growla-icon-box-icon svg, .bg4 .growla-icon-box-icon svg{fill:#fff;}

.bg1 .growla-icon-box{background-color:#1f1f1f;    padding: 25px;    height: 350px;
}
.bg2 .growla-icon-box{background-color:#1f1f1f;    padding: 25px;    height: 350px;
}
.bg3 .growla-icon-box{background-color:#1f1f1f;    padding: 25px;    height: 350px;
}
.bg4 .growla-icon-box{background-color:#1f1f1f;    padding: 25px;    height: 350px;
}
.dark .elementor-widget-container{
    font-size: 20px !important;}
/* .growla-icon-box .growla-icon-box-icon svg path{fill:#ffd800!important;} */
.growla-icon-box-icon svg {
	height: 7rem;}
.growla-icon-box{height:440px;padding:2rem;animation:none!important;transition:none!important;}
.card-class-selector:hover {
    transition: none !important;
    transform: none !important;
}
.growla-block-slide-2{padding:50px 30px;height:500px;}
.our-services .growla-block-slide{background:#1f1f1f;}
.our-services  .growla-block-slide--content{padding:10px;}
.blog-detail-thumbnail, .page-header-content .breadcrumbs, .growla-container-small h1 {display:none;}
div .blog-detail-wrapper {
    padding: 3rem 0 10rem 0;
}
#course{    margin: 10px 0px;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px solid #FFD802;}
/*form*/
textarea.wpcf7-textarea {height:5rem;width:100%!important;}
.testimonial-main-wrapper .testimonial-slider p{    font-size: 6rem;}
form input:not([type=submit]):not([type=checkbox]):not([type=radio]){height:4rem;width:100%;}
label{font-size:12px;text-align:left!important;}
.wpcf7 button{width:auto!important;}
.sgpb-theme-6-content{box-shadow: #ffd800 0 0 0px 3px !important;}
#sgpb-popup-dialog-main-div{border-radius:0px!important;}

/*form*/
.growla-select .ts-control{background-color: rgba(0, 0, 0, 0)!important;}
textarea, input:not([type=submit]):not([type=checkbox]):not([type=radio]), select {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--color-paragraph);
    border-radius: none;
    border: none !important;
    border-bottom: 1px solid var(--color-grey) !important;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.swiper-slide .growla-block-slide--content{background-color:#1f1f1f!important;margin-top:0px!important; padding-top:10px!important;}
.swiper-slide .growla-block-slide--content-inner{width:90%;padding:10px 20px;height:190px;}
div.growla-block-slide--thumbnail img{height:250px;}
.growla-block-slide--content-inner h3{font-size:3.2rem;}

.single-blog-post .content{padding:2rem!important;}

div.career-card .e-child  .e-con-inner .e-child{padding:25px;margin:10px;background: #151515;border:2px solid #151515;}
div.career-card .e-child  .e-con-inner .e-child:hover{border:2px solid #ffd800;}
div.career-card h3{    font-size: 2.4rem!important;
    font-weight: 500!important;
    color: var(--color-white)!important;
}
.growla-button::before{content:none!important;}
#cookieConsent {
    display: flex;
    background-color: #222;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-align: center;
	justify-content:center;
	flex-direction:row;
	column-gap:10px;
	vertical-align:middle;
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}
#cookieConsent p{font-size:14px;    margin: auto 0;}
#cookieConsent button {
    margin: 0 5px;
    padding: 8px 5px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    color: #fff;
}

/* #cookieConsent #acceptCookies {
       background: #0b0707;
    color: #fff;
    border: 2px solid #000;
    padding: 5px 10px;
    cursor: pointer;
    width: fit-content;
}
 */
#cookieConsent #rejectCookies , #cookieConsent #acceptCookies {
       background: #0b0707;
    color: #fff;
    border: 2px solid #000;
    padding: 5px 10px;
    cursor: pointer;
    width: fit-content;
}
#cookieConsent button::before{background-color:#000;content:none!important;}
#cookieConsent #rejectCookies:hover, #cookieConsent #acceptCookies:hover{border: 2px solid #fff;color:#fff!important;}
.our-services .growla-block-slide--content{margin-top:10px;}
.footer-content-wrapper a{color:#fff!important;}
.footer-content-wrapper a:hover{color:#ffd800!important;}

/* .option.selected.active{background-color:#ffd800;color:#000;} */
.career-card .growla-button.growla-button-background-hover:hover .icon
, .career-card .growla-button.growla-button-background-hover:hover{color:#ffd800!important; fill:#ffd800!important;background-color: #1f1f1f;}
.single-blog-post .post-thumbnail img{height:auto!important;}
.related-blog .slider-header{margin-bottom:5rem;}


.growla-icon-box {
	 z-index: 9999;  /* High z-index to make it clickable */
    display: block; /* Ensure it's a block-level element to accept clicks */
  position: relative;
}

a.growla-icon-box::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
/* Lower the z-index of the inner content */
.growla-icon-box .growla-icon-box-icon,
.growla-icon-box .growla-icon-box-content {
    position: relative;  /* Ensure inner elements can also accept z-index */
    z-index: 0;  /* Lower z-index for the inner content */
    pointer-events: none;  /* Allow clicks to pass through inner elements */
}
.growla-icon-box * {
  pointer-events: none;
}
#get-a-quote {
  display: block;
  height: auto;
}
.our-services .growla-block-grid .growla-block-slide{width:98%!important;background:#1f1f1f;}
.our-services .growla-block-grid .growla-block-slide .growla-block-slide--content{height:250px;}
div.team-member-content p{margin-bottom:1.2rem;}
h2.wp-block-heading{    font-weight: 600 !important;
    color: #fff !important;
    font-size: 2.5rem !important;
    margin-bottom: 5px;}
.privacy-policy p{margin-bottom:5px;    line-height: 1.5 !important;}
.arrow-toggle {
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
}

.sub-menu {
    display: none; /* Hidden by default */
    list-style: none;
    padding-left: 20px;
}
#menu-item-4932{ display: flex;
    align-items: center;    justify-content: space-between;}
.arrow-toggle:hover{color:#ffd800;}
.growla-full-screen-nav-content-menu>ul>li>.sub-menu{top:-20px;}
.growla-full-screen-nav-content-menu>ul>li>.sub-menu>li{padding-bottom:15px;}
#menu-item-4932 .sub-menu .current-menu-item a {
   color:#ffd800!important;
}
/* Optionally, style the arrow when the submenu is active */
.arrow-toggle.active{
    transform: rotate(180deg); /* Rotate the arrow when submenu is active */
	color:#ffd800!important;
}
* General rule for all testimonials */
.testimonial-main-wrapper .testimonial-slider h5 br {
  display: block;
  content: "";
  margin: 0;
}

/* Specific rule for one testimonial */
#testimonial-1 h5 br {
  margin: 10px 0; /* Example of custom spacing */
}
h5:contains("Nikita Chavan") br {
  display: block;
}
.team-member-content .team-member-social li{    background-color: #989898;}
.team-member-content .team-member-social li:hover{ background-color:#ffd800;}
#sgpb-popup-dialog-main-div > div{overflow:hidden!important;}
iframe #rc-anchor-container.rc-anchor-light { 
   background :#000!important;
}
.growla-select .ts-control input{width:fit-content!important;}
[data-id="group-dima"]{position:relative;z-index:2;}
.ts-dropdown-content{border-bottom:2px solid;}
.growla-heading--content h1{    font-size: 5rem;
    line-height: 1.4;
    font-weight: 400;}
.career h2{font-size: 2.6rem;}
.bg-color-gradient{    background: linear-gradient(to right, #06101c, #0a1f2e, #06101c);}
#post-6667 form p.height-form-p{ font-size:24px;   padding: 6px 0px; color: #fad508;font-weight: 600;margin-top:20px;}
#post-6667 .wpcf7 .wpcf7-recaptcha iframe{margin-top:15px;}
.elementor-6667 .elementor-element.elementor-element-117c429{text-align:left!important;}
.heading-h1 h1{    font-size: 5rem!important;
    line-height: 1.4!important;
    font-weight: 400!important;color:#fff!important;}
.business-consultancy-iconbox .growla-icon-box{height:305px;border-bottom:2px solid #fad508;}

.gmb .growla-icon-box{height:440px;border-bottom:2px solid #fad508;}
.business-consultancy-btn .growla-button{padding: 10px 20px;font-size:18px!important;}
.business-consultancy-btn .growla-button:hover{background-color:#fad508!important;}
.page-id-4913 .menu-service{display:none;}
.bdr-to-frm{border:2px solid #fad508!important;}
h1 span.fw-900{font-weight:900;}
div.afterline{    border-bottom:3.5px solid #ffd800;height: 15px;width: 55%;}
.wcu div.afterline, .testimonial div.afterline{    border-bottom: 3.5px solid #ffd800;height: 15px;width: 38%;margin:auto;}
.testimonial div.afterline{width:10%!important;}
.wcu-iconbox{border:1px solid #fff;border-radius:15px;}
.wcu h3, .testimonial h3{    font-size: 60px;
    font-weight: 900;}
.laptop-section p{color:#fff!important;font-size:18px!important;padding:10px;}
.lp-image{    background-image: url(https://magicworksitsolutions.com/wp-content/uploads/2025/04/screen.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
      background-size: cover;}
.yellow-1 .elementor-button{background-color:#ffd800!important;color:#000!important;font-size:20px;}
.wcu figure.elementor-image-box-img img{padding: 10px;
    background: #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;}
.wcu .elementor-widget-image-box .elementor-image-box-title{font-size:24px!important;}
.wcu .elementor-widget-image-box .elementor-image-box-description{color:#fff;}
.wcu .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{padding:10px;}
.smarta .elementor-widget-image-box .elementor-image-box-description{color:#fff;font-size:28px;}
.smarta .elementor-widget-image-box.elementor-vertical-align-middle .elementor-image-box-wrapper{padding:10px;}
.smarta figure.elementor-image-box-img img{ height: 55px;
    width: 55px;}
.smarta h3, .utt h3{ font-size: 50px !important;
    font-weight: 700 !important;
    color: #fff !important;
    display: block;
    width: max-content;
    text-align: right;
    line-height: 70px !important;
    white-space: pre-wrap;}
.utt h3{text-align:left;}
.y-color{color:#ffd800!important;}
.utt p{color:#fff!important;font-size:24px!important;}
.utt .utt1 .elementor-widget-text-editor p{padding:10px; border:1px solid #ffd800!important;border-radius:15px!important;font-size:22px!important;text-align:center!important;transition:all 0.3s ease-in-out;}
.utt .utt1 .elementor-widget-text-editor p:hover{background-color:#ffd800;transition:all 0.3s ease-in-out;}
.utt .utt1 .elementor-widget-text-editor p:hover{color:#000!important;}


.step-text {
	font-size:28px;
  position: relative;
  display: inline-block;
  color: white;
  font-family: sans-serif;
  cursor: pointer;
/*   overflow: hidden; */
  height: 1.2em; /* or adjust for your font size */
  transition: color 0.6s ease;
}

.step-text::after {
  content: attr(data-hover);
  position: absolute;
  top: -50%;
  left: 0;
  white-space: nowrap;
  color: #ffcc00;
  opacity: 0;
  transition:
    top 0.6s ease,
    opacity 0.4s ease;
}

.step-text:hover {
  color: transparent;
}

.step-text:hover::after {
  top: 0;
  opacity: 1;
}

.testimonial .ekit-wid-con .elementskit-single-testimonial-slider{background-color:#000!important;}
.testimonial .elementskit-single-testimonial-slider .elementskit-commentor-content > p{color:#a8a7a7!important;}
.contact-form button::before {z-index:-1;}
.contact-form button:hover{color:#000!important;}
.page .post-thumbnail:not(.page-id-1941 .post-thumbnail){display:none;}
#ecommerce-ads .growla-icon-box { height: 420px; }
#next-generation .growla-icon-box { height: 370px; }
span.grey-text {
    color: #7a7a7a !important;
}
#reputstion-management .growla-icon-box h6 {
    min-height: 95px;
}
.growla-container-small {
    max-width: 1170px;
    margin: 0 auto;
}
.postid-9031 .page-header .page-header-wrapper {
    background-position: center right;
}