/*
Theme Name: Hub
Theme URI: https://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 9.4
License: GNU General Public License
License URI: license.txt
Text Domain: hub
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/* Custom CSS starts here */
.animaiton-style::after {
	content: '';
	position: absolute;
	background-image: url(https://www.webpixelo.com/wp-content/uploads/2025/01/noise.png);
	height: 300%;
	left: -50%;
	opacity: .3;
	top: -110%;
	width: 300%;
	animation: grain .5s steps(1) infinite;
}
grain{0%,100%{transform:translate(0,0)}
10%{transform:translate(-5%,-10%)}
10%{transform:translate(-5%,-10%)}
20%{transform:translate(-15%,5%)}
30%{transform:translate(7%,-25%)}
40%{transform:translate(-5%,25%)}
50%{transform:translate(-15%,10%)}
60%{transform:translate(15%,0%)}
70%{transform:translate(0%,15%)}
80%{transform:translate(3%,35%)}
90%{transform:translate(-10%,10%)}}
.nav-item-children > li > a {
  padding: .5em 1.75em !important;

}

.form_container .elementor-widget-container{
background-image:url(from_bg.png);
background-position:top right;
background-repeat:no-repeat;
-webkit-box-shadow: 35px 51px 63px -11px rgba(184,219,186,1);
-moz-box-shadow: 35px 51px 63px -11px rgba(184,219,186,1);
box-shadow: 35px 51px 63px -11px rgba(184,219,186,1);
}
.slider_banner_car .carousel-dots-mobile .flickity-page-dots {
	text-align: left;
}

.ui-selectmenu-text, .wpcf7-form-control{
	font-family: "Rajdhani", Sans-serif !important;
	font-weight:600 !important;
}

.wpcf7-not-valid-tip{
margin-top:5px;
display: inline-block;
font-size:13px;
color:#e57f92;
}

/*
.wpcf7-response-output{
background-color:#e57f92;
color:#FFFFFF;
padding:5px;
font-size:13px;
text-align:center;
margin-top:15px;
}
*/

.wpcf7-response-output{
padding-top:15px;
text-align:center;
color:#FF0000;
}
.ui-selectmenu-menu{
max-width:280px !important;
}
.titlebar-col li{
font-size:14px;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder{
  color: #000000 !important;
  opacity: 1 !important;
}

.wpcf7-textarea{
max-height:120px !important;
}

.screen-reader-response ul, .screen-reader-response{
display:none !important;
}

.align-items-center.iconbox-inline .lqd-iconbox-heading{
margin-top:-10px !important;
}

.footer_ratings{
border:#e2d6e4 1px solid;
border-radius: 15px;
padding:15px 40px;
background: #f9f2fa;
}

.wa__btn_popup_txt{
display:none !important;
}

.lqd-blog-post-style-6 h1.entry-title {
  font-size: 35px !important;
}

.lqd-blog-post-style-6 .lqd-post-cover {
  margin-bottom: 0px !important;
}

.lqd-blog-post-style-6 .lqd-post-header {
  display: block;
  padding: 45px 10px 15px 10px !important;
}

.blog-post-footer::before {
  left: 25px !important;
  right: 25px !important;
}

.blog-post-footer .justify-content-between {
padding: 0 15px !important;
}



.single #wrap, .single #lqd-site-content{
background: rgba(255,255,255,0) !important;
}

.blog-post-footer{
padding-bottom:40px !important;
}

[data-mobile-header-scheme="gray"] .lqd-mobile-sec .navbar-header{
background: transparent !important;
background:  transparent !important;
}

[data-mobile-nav-scheme="gray"] .lqd-mobile-sec .navbar-collapse {
background: rgb(214,242,236) !important;
background: linear-gradient(0deg, rgba(214,242,236,1) 36%, rgba(233,246,243,1) 100%) !important;
}

.lqd-submenu-cover .main-nav > .menu-item-has-children:not(.megamenu) > .nav-item-children {
  padding-top: 70px !important;
  margin-left:10px !important;
  margin-top:-20px !important;
}


  


.elementor .banner_container .elementor-html5-video {
  object-fit: fill !important;
}

/*
.banner_container .elementor-background-overlay{
background-image:url(from_bg.png);
background-position:top right;
background-repeat:no-repeat;
}
*/

.banner_container{
max-height:1000px;
min-height:900px;
}

.home_banner_curcle_arrow{
position:absolute;
right:78px;
bottom:-450px;
z-index:11;
width:22px;
}

.home_banner_curcle_link{
position:absolute;
right:0px;
bottom:-520px;
z-index:10;
background-color:#000000;
border-radius: 50% !important;
padding:15px;
width:180px;
height:180px;
animation: infinite-spinning 8s infinite linear;
}

.rotate_image{
animation: infinite-spinning 8s infinite linear;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.banner_cta_button a{
-webkit-box-shadow: 22px 32px 60px -8px rgba(0,144,255,0.25) !important;
-moz-box-shadow: 22px 32px 60px -8px rgba(0,144,255,0.25) !important;
box-shadow: 22px 32px 60px -8px rgba(0,144,255,0.25) !important;
}

.banner_left_container{
position:relative;
}


.banner_video_con{
top:-80px;
right:0px;
height:500px;
width:500px;
position: absolute;
-webkit-border-radius: 50%; 
-moz-border-radius: 50%;  
border-radius: 50%;
overflow:hidden;
float:right;
-webkit-box-shadow: 22px 32px 71px -8px rgba(0,144,255,0.39);
-moz-box-shadow: 22px 32px 71px -8px rgba(0,144,255,0.39);
box-shadow: 22px 32px 71px -8px rgba(0,144,255,0.39);
}

.banner_video_con .video_overlay{
width:100%;
height:100%;
position:absolute;
z-index:1;
top:0;
left:0;
background: url(assets/img/overlay.png) no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}



.slider_texts_rotator{
mix-blend-mode: difference;
}

.slider_texts_rotator h1{
color:#ffffff;
line-height:80px;
letter-spacing:-1px;
font-size:30px;
}

.slider_texts_rotator span{
font-weight:400;
font-size:100px !important;
color:#f69521 !important;
mix-blend-mode: difference;
}

/*
.banner_description{
color:#ffffff !important;
mix-blend-mode: difference;
}
*/




#home-projects .lqd-pf-title {
	font-size: 22px;
	letter-spacing: -0.1px;
}


#home-projects .lqd-pf-details a {
	color: var( --e-global-color-d318573 );
}



.footer_throwable{
margin-top:-320px !important;
}

.margin_zero_auto{
margin: 0 auto !important;
}



.footer_container{
overflow:hidden;
}

.footer_container::before {
	content: " ";
	position: absolute;
	height:300px;
	width:600px;
	filter: blur(100px);
	background-color:#00b3ff;
	bottom:-150px;
	left:-100px;
	opacity: 0.25;
	animation: move_2 4s alternate infinite;
}

@keyframes move_2 {
	from {
		left:70%;
	}
	to {
		
		left:10%;
	}
}



.footer_container::after {
	content: " ";
	position: absolute;
	height:300px;
	width:600px;
	filter: blur(100px);
	background-color:#cf84ff;
	bottom:-150px;
	left:-100px;
	opacity: 0.25;
	animation: move_1 4s alternate infinite;
}


@keyframes move_1 {
	from {
		left:10%;
	}
	to {
		
		left:70%;
	}
}



.iconbox .btn-hover-txt-switch{
overflow:hidden !important;
}

.logo_slider_container{
margin-left:-1600px !important;
}

.award_logos img{
box-shadow: 0 20px 30px rgba(0,0,0,.15) !important;
border-radius: 50% !important;
margin-bottom:80px !important;

}

h1 span, h2 span, h3 span{
color: #f69521 !important;
}

.footer_icon a{
color:#0b496c !important;
}
/* Custom CSS ends here */



/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.wp-block-gallery {
	margin-bottom: 1em;
}

.blocks-gallery-caption {
	margin-top: 0;
}

/*--------------------------------------------------------------
Button
--------------------------------------------------------------*/
.wp-block-button__link {
	--wp-btn-border-radius: 1.5em;
	border-radius: var(--wp-btn-border-radius);
	line-height: 1.35em;
}

.wp-block-button.is-style-squared .wp-block-button__link {
	--wp-btn-border-radius: 0;
}

/*--------------------------------------------------------------
Cover
--------------------------------------------------------------*/
.wp-block-cover.has-background-dim {
	color: #fff;
}

.wp-block-cover.has-background-dim a {
	color: inherit;
}

.wp-block-group.has-background,
.has-background {
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
Blockquote
--------------------------------------------------------------*/
.wp-block-pullquote blockquote {
	border: none;
}


.single-post .lqd-post-media{
	display: none;
}
.case-study figure{
	box-shadow: none !important;
}
.case-study-content p{
	max-width: 800px;
}


@media all and (max-width: 1540px) and (min-width: 1024px) {
	.elementor-section{
	/* padding: 0px 25px !important; */
	padding-left:25px !important;
	padding-right:25px !important;
	}
	
	.section_adjust{
	/* padding: 0px 25px !important; */
	padding-left:25px !important;
	padding-right:25px !important;
	}
}

@media all and (max-width: 1360px) and (min-width: 1024px) {
	.banner_video_con{
	top:-35px;
	height:450px;
	width:450px;
	}
	.package_menu .lqd-fancy-menu ul li a{
	font-weight:600 !important;
	font-size: 15px !important;
	}
}


@media all and (max-width: 1280px) and (min-width: 768px) {
	.accordion .accordion-item h4 .accordion-title-txt{
		font-size: 16px !important;
		line-height:24px !important;
	}
	.package_menu .lqd-fancy-menu ul li a{
	font-weight:500 !important;
	font-size: 14px !important;
	}
}

@media all and (max-width: 1220px) and (min-width: 768px) {
	
	.form_container .elementor-widget-container{
		padding: 35px 45px 40px 45px !important;
	}
	
	.uacf7-col-6 {
	  flex: 0 0 100%;
	}
	.elementor-13 .elementor-element.elementor-element-5c2aae7 .main-nav > li > a {
	  font-size: 15px !important;
	}
}

@media all and (max-width: 1150px) and (min-width: 768px) {
	.elementor-13 .elementor-element.elementor-element-5c2aae7 .main-nav > li > a {
	padding-left:8px !important;
	padding-right:8px !important;
	}
}

@media all and (max-width: 1260px) and (min-width: 1024px) {

	.product_button_1 .elementor-widget-container{
		margin: 0px 0px 10px 0px !important;
	}
	
	.product_button_2 .elementor-widget-container{
		margin: 0px 0px 0px 0px !important;
	}
	

.slider_texts_rotator span{
font-size:80px !important;
}

}

@media all and (max-width: 1260px) and (min-width: 100px) {
	.carousel-dots-mobile-outside.carousel-dots {
	  display: none;
	}
}
@media all and (max-width: 720px) and (min-width: 10px) {

	.marquee_text h2{
	line-height:60px !important;
	}
	
	.carousel-dots-mobile{
	margin-top:20px !important;
	}
	
	.accordion-title .accordion-title-txt{
	line-height:25px !important;
	}
	
	.blog-post-footer::before {
	  left: 15px !important;
	  right: 15px !important;
	}

	.hide_mobile{
	display:none !important;
	}
	
	.hide_icon_mobile i{
	display:none !important;
	}
	
	.banner_container{
		max-height:480px;
		min-height:480px;
	}
	.carousel-dots-mobile .flickity-page-dots {
	display: block;
	width: 100%;
	padding: 0;
	margin-top: 1.5em;
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	right: auto;
	/* text-align: center; */
}
	.slider_texts_rotator{
	padding-top:20px !important;
	text-align:center;
	font-weight:600px !important;
	}
	
	.slider_texts_rotator h1{
	line-height:50px;
	font-size:20px;
	width:100% !important;
	text-align:center !important;
	font-weight:600px !important;
	}
	
	.slider_texts_rotator span{
	font-size:40px !important;
	letter-spacing:-2px;
	width:100% !important;
	text-align:center !important;
	font-weight:600px !important;
	}
	
	.slider_banner_car{
	text-align:center;
	}
	
	.elementor-297 .elementor-element.elementor-element-a93f086 > .elementor-element-populated{
	padding:25px !important;
	}
	
	.home_mobile{
	margin:0 auto !important;
	}

.lqd-mobile-sec .navbar-header > * {
  width: 40% !important;
}

.lqd-blog-post-style-6 h1.entry-title {
  font-size: 28px !important;
}

}


@media all and (max-width: 450px) and (min-width: 10px) {

	.product_button_1 .elementor-widget-container{
		margin: 0px 0px 10px 0px !important;
	}
	
	.product_button_2 .elementor-widget-container{
		margin: 0px 0px 0px 0px !important;
	}
	
	.product_button_1{
		display:block !important;
		width:100% !important;
	}
	
	.product_button_2{
		display:block !important;
		width:100% !important;
	}
	
	
}



@media all and (max-width: 1024px) and (min-width: 100px) {
	.banner_video_con{
	top:-35px;
	height:300px;
	width:300px;
	}
	.home_banner_curcle_link {
	bottom: -320px;
	width: 150px;
	height: 150px;
	animation: infinite-spinning 8s infinite linear;
}
.slider_texts_rotator span {
	font-size: 70px !important;
}
.banner_video_con {
	margin: 0 auto  !important;
	float: unset  !important;
  left: 0  !important;
}
.home_banner_curcle_link {
	right: -223px !important;
left: 0 !important;
	margin: 0 auto !important;
}
.lqd-mobile-sec .navbar-header {
  background-color: linear-gradient(120deg, var( --e-global-color-52aa1c4 ) 0%, var( --e-global-color-52aa1c4 ) 100%) !important;
  background: linear-gradient(120deg, var( --e-global-color-52aa1c4 ) 0%, var( --e-global-color-52aa1c4 ) 100%) !important;
}
.slider_banner_car .carousel-dots-mobile .flickity-page-dots {
	text-align: center  !important;
}
.home_banner_curcle_arrow {
	right: -219px;
	bottom: -257px;
	z-index: 11;
	width: 10px;
	margin: 0 auto !important;
	left: 0;
}

}
@media all and (max-width: 767px) and (min-width: 100px) {
	.slider_texts_rotator span {
		font-size: 40px !important;
	}
	.banner_video_con {
	height: 250px;
	width: 250px;
  }
  .home_banner_curcle_link {
	right: -160px !important;
	bottom: -263px;
    width: 140px;
 }
 .home_banner_curcle_arrow {
	right: -161px;
	bottom: -211px;
	z-index: 11;
	width: 10px;
	margin: 0 auto !important;
	left: 0;
}
}