/*
Theme Name: SRH Web Agency 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.4.1750868630
Updated: 2025-06-25 16:23:50

*/

#sticky_cta:not(body.home #sticky_cta){
	bottom: 94px;
}
/** button hover effect **/	
.common_btn .elementor-button .elementor-button-content-wrapper,
.form_btn_style button .elementor-button-content-wrapper{
  position:relative;
  width: fit-content;
  margin: 0 auto;
}
.common_btn .elementor-button .elementor-button-content-wrapper .elementor-button-icon,
.form_btn_style button .elementor-button-content-wrapper .elementor-button-icon{
   width:16px;
}
.common_btn .elementor-button .elementor-button-icon svg,
.form_btn_style button .elementor-button-content-wrapper .elementor-button-icon svg{
	width:17px;
	position:absolute;
	left:0;
	transition:all 300ms;
}
.common_btn.dark_btn .elementor-button .elementor-button-icon svg path{
	fill:#fff;
}
.common_btn .elementor-button .elementor-button-text,
.form_btn_style button .elementor-button-text{
	transition:all 300ms;
}
.common_btn .elementor-button:hover svg,
.form_btn_style button:hover .elementor-button-content-wrapper .elementor-button-icon svg{
  left:calc(100% + 16px);		
}
.common_btn.dark_btn:hover .elementor-button .elementor-button-icon svg path{
   fill:var( --e-global-color-accent );
}
.common_btn .elementor-button:hover .elementor-button-text,
.form_btn_style button:hover .elementor-button-text{
	margin-left:-55px;
}
.e-loop__load-more a{
	width: 225px !important;
}
/** button hover effect **/	
/** home page hero section css **/
#hero_section .slider_container{
	height:788px;
	mask-image:linear-gradient(to bottom, #0000, #000 20% 80%, #0000);
}
#hero_section .slider_container .slider_box{
	animation:auto-slide 20s infinite linear;
}	
@keyframes auto-slide{
	to{
		transform:translatey(calc(-100% - 20px));
	}
}
@media(max-width:1550px) and (min-width:1350px) {
	#hero_section h1{
		font-size: 37px;
		line-height: 48px;
	}
	#hero_section .common_btn.hero_btn a{
		font-size: 20px;
	}
	#hero_section .common_btn.hero_btn:nth-of-type(1){
		width: 352px;
	}
	#hero_section .common_btn.hero_btn:nth-of-type(2){
		width: 318px;
	}
}
@media(max-width:991px){
	#hero_section .slider_container{
		height: 550px;
	}
}
@media(max-width:767px){
	#hero_section .slider_container{
		height: 300px;
		mask-image: linear-gradient(to bottom, #0000, #000 5% 95%, #0000);
	}
}
/** home page hero section css **/	
/** book free call section css **/
	#book_free_call .desktop_view{
		--desktop-height:842px;
		height:var(--desktop-height);
		transform:translatez(0);
	}
	#book_free_call .desktop_view img{
		animation:dekstop-ani 18s infinite linear;
	}
	@keyframes dekstop-ani{
		to{transform: translateY(calc(-100% + var(--desktop-height))); }
	}
	#book_free_call .mobile_view{
		--mobile-height:509px;
		height:var(--mobile-height);
		transform:translatez(0);
	}
	#book_free_call .mobile_view img{
		animation:mobile-ani 22s infinite linear;
	}
	@keyframes mobile-ani{
		to{transform: translateY(calc(-100% + var(--mobile-height))); }
	}
	@media(max-width:1200px){
		#book_free_call .mobile_view{
			--mobile-height: 409px;
		}
	}
	@media(max-width:991px){
		#book_free_call .desktop_view{
			--desktop-height:600px;
		}
		#book_free_call .mobile_view{
			--mobile-height:350px;
		}
	}
	@media(max-width:767px){
		#book_free_call .desktop_view{
			--desktop-height: 420px;
		}
		#book_free_call .mobile_view{
			--mobile-height:280px;
		}
	}
/** book free call section css **/	
/** logo slider section css **/
	.logo_slider .swiper{
		overflow:visible;
	}
	.logo_slider .swiper .swiper-wrapper {
    align-items: stretch !important;
    transition-timing-function: linear;
}
.logo_slider .swiper-slide {
    background: #fff;
    padding: 15px 40px;
    border-radius: 15px;
    box-shadow: 0 0 4px 0 hsla(0,0%,0%,0.25);
   flex-grow: 1;
    height: auto;
    display: grid;
    place-items: center;
}
@media(max-width:767px){
	.logo_slider .swiper-slide{
		padding:15px 12px;
	}
}
/** logo slider section css **/	
/** audit form section css **/
	#audit_form input{
		box-shadow:0 1px 6px 0 hsla(0,0%,0%,0.15);
		padding-block:14.5px;
	}
	#audit_form input::placeholder {
    font-size: 16px;
    color: #000;
    line-height: 20px;
	opacity:0.5;
}
	#audit_form button{
		width:408px;
		margin-top:30px;
	}
    .pdf_text img{
        width: 14px;
    }
    .pdf_text a{
        color: var( --e-global-color-secondary );
    }
/** audit form section css **/	
/** portfolio slider **/
.port_slider .elementor-loop-container .swiper-wrapper .portfolio_image_holder{
	--holder_height:800px;
	 height: var(--holder_height);
	transform:translatez(0);
}
.port_slider .portfolio_image_holder img{
	transition: transform 1000ms linear;
}

.port_slider .elementor-loop-container .swiper-wrapper .swiper-slide-active{
	z-index:10;
}
.port_slider .elementor-loop-container .swiper-wrapper{
	transform: translate3d(0px,0,0) !important;
}
.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled{
	opacity: 1 !important;
}
@media(min-width:992px){
	.portfolio_box:hover .portfolio_image_holder img{
	transform:translatey(calc(-100% + var(--holder_height)));
	transition: transform 16000ms linear;
}
}
@media(max-width:991px){
	.port_slider .elementor-loop-container .swiper-wrapper .swiper-slide-active .portfolio_image_holder img{
		animation: moveup 20s infinite linear;
	}
	@keyframes moveup{
		to{transform:translatey(calc(-100% + var(--holder_height)));}
	}
}
@media(max-width:1440px){
	.port_slider .elementor-loop-container .swiper-wrapper .portfolio_image_holder{
		--holder_height:600px;
	}
}
@media(max-width:767px){
	.port_slider .swiper{
		width: auto !important;
	}
	.port_slider .elementor-loop-container .swiper-wrapper .portfolio_image_holder{
		--holder_height:250px;
	}
}
/** portfolio slider **/
/** before after css **/
.before_after_sec .elementor-loop-container .swiper-wrapper{
	transform: translate3d(0px,0,0) !important;
}
.before_after_sec .elementor-loop-container .swiper-wrapper .swiper-slide-active{
	z-index: 10;
}
.before_after_sec .image_holder{
	--curr-height:calc(100% - 13%);
	height: var(--curr-height);
	transform:translatez(0);
}
.before_after_sec .image_holder img{
	transition: transform 500ms linear;
}
.before_after_sec .image_holder img:hover{
	transform: translateY(calc(-100% + 18%));
	transition: transform 9000ms linear;
}

@media(max-width:767px){
	.before_after_sec .swiper{
		width: auto !important;
	}
}
/** before after css **/
/** video review section **/
#video_review svg{
    opacity: 1;
}
/** video review section **/
/** testimonial section css **/
.elementor-image-box-title{
    margin-top: 0;
}
.testimonial_box .client_info .elementor-image-box-img{
	aspect-ratio: 1;
	flex-shrink: 0;
}
.testimonial_box .client_info .elementor-image-box-img img{
	height: 100%;
	object-fit: cover;
}
#testimonial_section .swiper{
    overflow:clip visible;
}
#testimonial_section .swiper-pagination-bullet{
    transition: all 100ms linear;
}
#testimonial_section .swiper-pagination-bullet-active{
    background-color: var( --e-global-color-secondary );
    width:30px;
    border-radius: 40px;
}
@media(max-width:767px){
	.elementor-widget-image-box .elementor-image-box-wrapper{
		display: flex;
		gap:10px;
	}
}
/** testimonial section css **/
/** sticky sta css **/
.sticky_container{
	transition: all 500ms ease !important;
}
.sticky_container.active{
	bottom: 94px !important;
}
/** sticky sta css **/
/** footer css **/
#footer_form .elementor-icon-box-title{
		margin-top:0;
}	
#footer_form form input{
    box-shadow: 0 0 4px 0 hsla(0, 0%, 0%, 0.5);
    padding-block: 16px;
}
#footer_form form input::placeholder{
    font-size: 18px;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-weight: 500;
    color: #000000;
    opacity: 1;
}
#footer_form form button[type="submit"]{
    width: min(530px, 100%);
}
#newsletter_form .elementor-button{
    width:min(191px, 100%);
    margin-top: 20px;
}
#newsletter_form input{
    padding-block: 14px;
}
#newsletter_form input::placeholder{
    color: #000;
    opacity:0.5;
}
.elementor-message-success{
	text-align: center;
}
@media(max-width:767px){
	#footer_form form input::placeholder{
		font-size: 15px;
	}
}
/** footer css **/	
/** offcanvas menu css **/
.elementor-widget.elementor-widget-off-canvas .e-off-canvas__content{
	overflow: visible;
}
/** offcanvas menu css **/
/** portfolio page css **/
.portfolio_card .portfolio_image{
	--img-curr-height:410px;
	height: var(--img-curr-height);
	transform:translatez(0);
}
.portfolio_card .portfolio_image img{
	transition: transform 1000ms linear;
}
.portfolio_card:hover .portfolio_image img,
.portfolio_card:active .portfolio_image img{
	transform: translateY(calc(-100% + var(--img-curr-height)));
	transition: transform 16000ms linear;
}
@media(max-width:991px){
	.portfolio_card .portfolio_image{
		--img-curr-height:300px;
	} 
}
/** portfolio page css **/
/** calendly popup css **/
.popup_container{
	overflow: hidden;
}


@media(max-width:992px){
	#elementor-popup-modal-3495 .dialog-close-button svg{
		fill:#fff !important;
	}
}
@media(max-width:767px){
	.popup_container .dialog-widget-content{
		height: calc(100vh - 115px);
    	display: flex;
    	align-items: center;
	}
	.popup_container .dialog-widget-content *:not(.calendly-spinner, .dialog-lightbox-close-button, .dialog-lightbox-close-button svg){
		height: 100% !important;
	}
}
/** calendly popup css **/
/** kalviyo form css **/
.klaviyo-form > div{
	justify-content:flex-start !important;
	min-height:auto !important;
}
.klaviyo-form button.needsclick.kl-private-reset-css-Xuajs1 {
    width: 191px !important;
    transition: all 500ms ease;
}
/** kalviyo form css **/
/** chat widget **/
@media(max-width:767px){
	#chaty-widget-0 .chaty-widget{
		transition: all 500ms;
	}
	body:has(.sticky_container.active) #chaty-widget-0 .chaty-widget,
	body #chaty-widget-0 .chaty-widget:not(body.home #chaty-widget-0 .chaty-widget){
		bottom:133px !important;
	}
}
/** chat widget **/