/*
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.1.1.1724389730
Updated: 2024-08-23 05:08:50

*/
::selection {
    background: #39a992;
    color: #fff;
}
@font-face {
    font-family: 'PolySans Bulky';
    src: url('fonts/PolySans-Bulky.woff2') format('woff2'),
        url('fonts/PolySans-Bulky.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PolySans Median';
    src: url('fonts/PolySans-Median.woff2') format('woff2'),
        url('fonts/PolySans-Median.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'poly normal';
    src: url('fonts/b4a0bee0d2d222b26ed30a8ba731ec08.woff2') format('woff2'),
        url('fonts/b4a0bee0d2d222b26ed30a8ba731ec08.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'haido-bold';
    src: url('fonts/haido-bold.woff2') format('woff2'),
        url('fonts/haido-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TG Haido Grotesk';
    src: url('fonts/TGHaidoGrotesk-Black.woff2') format('woff2'),
        url('fonts/TGHaidoGrotesk-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
body{
    font-family: 'poly normal' !important;
}
.signup-input-wrap {
	margin-top: 24px;
}


.signup-input,
.signup-button {
	height: 48px;
	line-height: 48px;
	border-radius: 30px;
	z-index: 2;
    
}
.signup-button{
    font-family: "Helvetica Neue" !important;
}
.signup-input {
	padding: 0 30px !important;
    flex: 1;
    font-family: 'PolySans Median !important';
    font-weight: 600;
    font-size: 16px;
    border: none !important;
    max-width: 285px;
    border-radius: 30px 0px 0px 30px !important;
    height: 48px !important;
}


.signup-button:hover {
    background: #2a2a76;
}
.signup-button {
	  padding: 0 20px !important;
    color: #fff !important;
    background: #242432 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: uppercase;
    border-radius: 0px 30px 30px 0px !important;
    border-bottom-left-radius: 0;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    transition: all .4s cubic-bezier(.36,.01,.1,1.01) !important;
    border: none !important;
	}
	
	&:hover {
		.ck(~'black');
	//	color: @ck
	}
	
	&:hover + .footer-signup-input-bg {
		animation: whitedots 1.2s infinite steps(3);
	    animation-direction: alternate;
	}

.footer-signup-input-bg {
	z-index: 0;
	left: -3% !important;
	top: 23% !important;
	background-size: 100% 100% !important;
}



@keyframes tiltAndScale {
    0% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
    40% {
        -webkit-transform: perspective(1px) scale(1.01) rotate3d(0, 0, 1, 1deg);
        transform: perspective(1px) scale(1.01) rotate3d(0, 0, 1, 1deg);
    }
    80% {
        -webkit-transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
        transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
    }
}

.microphone img {
    animation: tiltAndScale 1s infinite;
    transform-origin: top center; /* Tilts from the top */
}

.footer_follow_box {
    position: relative;
    overflow: hidden; /* Ensures the zoomed content does not overflow */
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 30px;
}
.footer_follow_box:before{
    content: "\f0e1";
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    color: #242432;
    font-family: "Font Awesome 5 Brands";
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
    -webkit-transition: all .3s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .3s cubic-bezier(0.19,1,0.22,1);
    transform-origin: center center;
}

.footer_follow_box:hover {
    background-color: #f2d208;
}
.footer_follow_box:hover:before{
    -moz-transform: translate(-50%, -50%) translateZ(0) scale(1.05);
    -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1.05);
    -o-transform: translate(-50%, -50%) translateZ(0) scale(1.05);
    -ms-transform: translate(-50%, -50%) translateZ(0) scale(1.05);
}

button.blog_search-btn {
    border: none;
    color: black;
    position: absolute;
    z-index: 1000;
    top: 10%;
    right: 3%;
}
button.blog_search-btn:hover ,button.blog_search-btn:focus {
    background: none !important;
    color: black;
}

@media (min-width: 992px) {
    :not(.elementor-editor-active) .menu_linkedin {
    display: none !important;
}

}
@media (max-width: 479px) {
	.signup-button {
		font-size: 12px !important;
		padding: 0 15px !important;
		flex: 1
	}
	
	.signup-input {
		padding: 0 20px;
		max-width: 68%
	}
}

@media (min-width: 768px) and (max-width: 865px) {
	.signup-input {
		font-size: 15px;
		padding: 0 20px
	}
	
	.signup-button {
		padding: 0 10px;
		text-align: center;
		font-size: 12px;
	}
	
	.footer-signup-right .zeta {
		font-size: 15px;
	}
}

@media (min-width: 860px) and (max-width: 890px) {
	.signup-button {
		padding: 0 10px;
		text-align: center;
		font-size: 12px;
	}	
}


@media (max-width: 767px) {
	.col2-wrap,
	#footer .container-fluid {
		max-width: 645px
	}
	
	.footer-signup-left {
		padding-bottom: 40%
	}

	.footer-signup-right {
		padding-top: 36px;
		padding-bottom: 36px
	}
    header .elementor-section .elementor-container .elementor-column:last-of-type{
        flex: 1;
    }
}

.submitted {
	.signup-text-inner,
	#mc-embedded-subscribe-form {
		.opacity(0);
		.transition(opacity, 1s, @cubic);
		pointer-events: none
	}
}

.submitting {
	.signup-text,
	#mc-embedded-subscribe-form {
		.opacity(.2)
	}
	
}
.submitted.footer-signup-right {
	min-height: 210px;
}

.submitted #mce-success-response {
	position: absolute;
	.translateCenter();
	top: 50%;
	left: 50%;
	z-index: 500
}

#mce-success-response {
	.transition(opacity, .8s, @cubic);
	.transition-delay(.2s)
}

#mce-success-response.hide {
	.opacity(0);
}

.footer-logo {
    height: 108px;
    width: 150px;    
	margin-right: 20px;
}

.footer-logo-text {
	line-height: 27px
}

@media (max-width: 549px) {
	.footer-logo {
	    height: 60px;
	    width: 84px;    
	}	
	
	.footer-logo-text {
	    line-height: 21px;
	    font-size: 16px;
	}
} 



@media (max-width: 479px) {
	.footer-logo {
		max-height: 66px;
	}
	
	.footer-logo-text {
		font-size: 17px;
		line-height: 24px;
	}
}




.footer-lower-left > div {
	flex: 1
}

.footer-lower-left .caps {
	letter-spacing: 1px
}



.footer-somed {
	margin-top: 48px;
}





.banner_per {
    display: inline-block;
    width: .25em;
    position: relative;
    top: .05em;
    left: .05em;
}
.banner-ul {
    display: inline-block;
    position: relative;
    overflow: visible;
}
.banner-ul:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    bottom: 0px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 98% 98%;
    z-index: 0;
}

.banner-ul:after {
    background-image: url(/wp-content/themes/hello-elementor-child/images/underline.png.webp);
}
.homepage_text{
	display: flex;
	gap: 5px;
}

.homepage_top .elementor-widget:not(:last-child) {
    margin-block-end: 5px;
}

.descender, .descender span {
    display: inline-block;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.descender:after {
    content: '';
    display: block;
    width: .3em;
    background: #fff;
    height: 75%;
    position: absolute;
    z-index: 1;
    bottom: -9%;
    left: -.01em;
}


.main_button_style a:after {
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
    content: '';
    display: block;
    background-size: cover;
    width: 28%;
/*    height: 100%;*/
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -webkit-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -o-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -ms-transform: translate3d(-5%, 16%, 0) perspective(1px);
    transform: translate3d(-25%, 16%, 0) perspective(1px);
    z-index: 0;
}

.main_button_style a:hover, .main_button_style a:focus {
    color: #2a2a76;
    text-decoration: none;
        -moz-transform: translate3d(3%, -3%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, -3%, 0) perspective(1px);
    -o-transform: translate3d(3%, -3%, 0) perspective(1px);
    -ms-transform: translate3d(3%, -3%, 0) perspective(1px);
    transform: translate3d(3%, -3%, 0) perspective(1px);
    background: #2a2a76;
}



header#masthead {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100 !important;
	background: #fff;
	-webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
    transition: all .35s ease-out;
	transform: translate(0px, 0%);
}
div#the-banner-anim {
    padding-top: 86px;
}
header#masthead.nav-up {
    transform: translate(0px, -100%);
}

.footer_subscribe {
    text-align: center;
}
.footer-signup-input-bg.abs-full.bg-contain {
    background-image: url(https://irt2022stg.wpengine.com/wp-content/uploads/2024/08/inputbg.png.webp);
    z-index: -1;
    left: -4% !important;
    top: 23% !important;
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
	
}
.signup-input-wrap {
    position: relative;
    z-index: 0;
}
.main_header_box nav ul li a:hover:after {
    content: "";
    -moz-transform: translateY(0) translateZ(0);
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}
.main_header_box nav ul li a:after {
    content: "";
    display: block !important;
    position: absolute !important;
    top: 54px;
    left: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: all .3s cubic-bezier(.36,.01,.1,1.01);
    -o-transition: all .3s cubic-bezier(.36,.01,.1,1.01);
    -ms-transition: all .3s cubic-bezier(.36,.01,.1,1.01);
    transition: all .3s cubic-bezier(.36,.01,.1,1.01);
    -moz-transform: translateY(5px) translateZ(0);
    -webkit-transform: translateY(5px) translateZ(0);
    -o-transform: translateY(5px) translateZ(0);
    -ms-transform: translateY(5px) translateZ(0);
    transform: translateY(5px) translateZ(0);
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #a7a7a7;
}
.footer_main_section section.elementor-section .elementor-container .elementor-inner-column.microphone {
    background-image: url(https://irt2022stg.wpengine.com/wp-content/uploads/2024/08/signuptxture1.png-1.webp);
    background-repeat: no-repeat;
    background-size: cover;
	-moz-transform: translate3d(1%, 1.4%, 0) perspective(1px);
    -webkit-transform: translate3d(1%, 1.4%, 0) perspective(1px);
    -o-transform: translate3d(1%, 1.4%, 0) perspective(1px);
    -ms-transform: translate3d(1%, 1.4%, 0) perspective(1px);
    transform: translate3d(1%, 1.4%, 0) perspective(1px);
}
.footer_main_section section.elementor-section .elementor-container .elementor-inner-column.microphone .elementor-widget-wrap.elementor-element-populated {
    mix-blend-mode: multiply;
	background-size: 100% 100%;
    background-repeat: no-repeat !important;
    left: -3% !important;
    background-position: left center;
}
.copywrite_box p.elementor-heading-title {
    opacity: 0.5;
    font-size: 13px !important;
}
footer#colophon {
    background-color: #fcfbf2 !important;
}
.footer_top_bar .elementor-widget-wrap {
    height: 22px;
    background-size: 100% 100%;
}
.footer_follow_box {
    background-size: contain;
}
.footer_follow_box p {
    font-family: 'poly';
}

.our_blog h2.elementor-heading-title.elementor-size-default:after {
    background-image: url(/wp-content/themes/irt/assets/images/underline.png.webp);
    content: "";
    display: block;
    position: absolute;
    width: 45%;
    height: 8px;
    bottom: 0px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 98% 98%;
    z-index: 0;
}


/* trending post css*/

.trending_title {
    font-size: 40px;
    color: #000;
    line-height: 45px;
    font-weight: 700;
    margin: 0;
}

.blog_card_container {
   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 100px;
    margin-bottom: 20px;
}
.blog_card_container .blog_tag{
    margin-top: 0;
}
.blog_card {
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px;
}

.blog_card img {
    width: 100%;
min-height: 211px;
    max-height: 211px;
        display: block;
}

.blog_card_content {
    margin-top: 20px;
}


.blog_card h3{
    margin: 12px 0;
}
.blog_card h3 a {
    font-size: 26px;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.39px;
    text-decoration: none;
    font-family: 'PolySans Median';
}

.blog_card_content .blog_card p{
    margin-bottom: 12px;
    width: auto;
}
.trending_container .read_more {
   color: #61c7f2;
    font-size: 16px;
    font-family: 'poly normal';
    font-weight: 400;
    text-decoration: none;

}

/*23-august-2024*/
.hfe-nav-menu-layout .hfe-nav-menu__toggle {
    background: url(https://dtect.io/wp-content/themes/irt/assets/images/somedbg.png.webp);
    background-size: cover;
    width: 42px;
    height: 42px;
    display: none !important;
}
.hfe-nav-menu__toggle .hfe-nav-menu-icon{
    padding: 0.5em;
    width: 100%;
}
.hfe-nav-menu-icon i{
   color: #000;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown{
    height: 0;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active {
    background: url(https://irt2022stg.wpengine.com/wp-content/uploads/2024/08/mob-bg.png.webp);
    padding: 0 16px;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center center;*/
    overflow: hidden;
    top: 52px;
    padding: 0;
    background-color: #fff;
    webkit-transition: height .3s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: height .3s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: height .3s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: height .3s cubic-bezier(.36, .01, .1, 1.01);
    transition: height .3s cubic-bezier(.36,.01,.1,1.01);
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown .hfe-nav-menu{
    opacity: 0; /* Initially hidden */
    transform: scale(0.5); /* Initially scaled down */
    transition: opacity 0.6s ease-in-out 0.5s, transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; /* Smooth transition with 3s delay */
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu {
    /*background: url(https://irt2022stg.wpengine.com/wp-content/uploads/2024/08/mob-nav-blue-bg.png.webp);
    background-size: 122% 122%;
    background-repeat: no-repeat;
    background-position: center center;
    flex-direction: column;
    justify-content: center; 
    mix-blend-mode: multiply;*/
    height: auto !important;
    position: relative;
    z-index: 100;
    margin-top: -5%;
    background: none;
    display: block;
    mix-blend-mode: multiply;
    padding: 19% 0 27%;
    opacity: 1;
    transform: scale(1);
}



nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu li.menu-item{
	border:0;
    position: relative;
    z-index: 11;
}

nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu a.hfe-menu-item {
    background: transparent !important;
    justify-content: center;
    font-size: 24px !important;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: none;
    display: block;
    text-align: center;
    font-family: 'TG Haido Grotesk' !important;
    padding: 6px 15px;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu .menu_linkedin{
    position: absolute !important;
    bottom: -20%;
    z-index: 999;
    display: flex;
    justify-content: center;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu .menu_linkedin a.hfe-menu-item{
    display: inline !important;
    background-image: url(/wp-content/themes/hello-elementor-child/images/somedbg.png.webp) !important;
    padding: 15px 20px;
    background-size: contain !important;
    color: #242432;
    background-repeat: no-repeat !important;
    font-size: 30px;
}
nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active .hfe-nav-menu .menu_linkedin a.hfe-menu-item > i{
    font-weight: 500;
    font-size: 30px;
    color: #242432;
}
/*home page banner animation start*/
.right-banner-image{
    height: 100%;
}
.right-banner-image .elementor-widget-container{
    height: 100%;
}
.right-banner-image .elementor-widget-container .home-banner-wrap{
    height: 100%;
}
.right-banner-image .elementor-widget-container .home-banner-wrap .home-banner-inner{
    height: 100%;
    position: relative;
}
.home-banner-wrap .banner-anim-block{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap{
    display: flex;
    flex: 1;
    justify-content: center;
    flex-wrap: wrap;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block{
    flex: 1;
    border: 9px solid #fff;
    position: relative;
    overflow: hidden;
    max-width: 33.33%;
    width: 33.33%;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block .bg-image{
    background-size: contain !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .sq-ml.bg-block{
    max-width: 66.66%;
    width: 66.66%;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #yellowmid{
    background-size: 100% auto !important;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs{
    animation: rotate 2s infinite steps(4);
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #teal-square {
    animation: rotate 2s infinite steps(4);
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #blue-square {
    animation: rotate 1.75s infinite steps(4);
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #redsq:after,
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:after, 
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    background-size: contain;
    background-repeat: no-repeat;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:before {
    z-index: 9;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:after,
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:before {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    -webkit-opacity: .8;
    opacity: .8;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:before {
    animation: rotate 12s infinite steps(4);
    animation-delay: .1s;
    background-image: url(/wp-content/themes/hello-elementor-child/images/circle-dots-texture.png.webp);
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #circs:after {
    animation: rotate 6s infinite steps(4);
    animation-delay: .1s;
    background-image: url(/wp-content/themes/hello-elementor-child/images/circle-dots-spots.png.webp);
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #bluebot{
    animation: rotate 2.5s infinite steps(4);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #bluecloud {
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
    z-index: 10;
    background-position: right bottom;
    position: absolute;
    top: 0;
    right: -1px !important;
    left: auto !important;
    animation: rotatecloud 2.5s infinite steps(3);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #redsq:after{
    background-image: url(/wp-content/themes/hello-elementor-child/images/redsqdots.png.webp);
    animation: rotatered 2s infinite steps(4);
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #greendots1{
    animation: greendots1 2.8s infinite steps(4);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
}
.home-banner-wrap .banner-anim-block .anim-flex-wrap .bg-block #greendots2{
    background-image: url(/wp-content/themes/hello-elementor-child/images/greendots2.png.webp);
    animation: greendots 2.8s infinite steps(4);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
}
.home-banner-wrap .home-banner-inner .greenshad-img{
    width: 47%;
    height: 18%;
    top: 9%;
    right: 5.5%;
    position: absolute;
    animation: rotatebub 3.5s infinite steps(3);
    animation-delay: .1s;
}
.home-banner-wrap .home-banner-inner .wrap-img{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}
.home-banner-wrap .home-banner-inner #greenshad-mgs-box{
    animation: rotatebub 2.4s infinite steps(3);
    animation-direction: alternate;
    animation-delay: .1s;
    position: absolute;
    right: 11%;
    left: auto;
    top: 6%;
    width: 31%;
    height: 18%;
    z-index: 20;
}
.home-banner-wrap .home-banner-inner svg {
    -moz-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    z-index: 20;
    position: absolute;
    display: block;
    margin: auto;
    top: 37%;
    left: 50%;
    width: 68%;
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}
.home-banner-wrap .home-banner-inner .bg-contain,
.home-banner-wrap .home-banner-inner #greenshad-mgs-box{
    -webkit-transition-timing-function: cubic-bezier(.13,1.38,.57,1.14);
    -moz-transition-timing-function: cubic-bezier(.13, 1.38, .57, 1.14);
    -o-transition-timing-function: cubic-bezier(.13, 1.38, .57, 1.14);
    transition-timing-function: cubic-bezier(.13,1.38,.57,1.14);
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
}
.home-banner-wrap .home-banner-inner #yellow-stripes-box{
    animation: rotatebub 2s infinite steps(3);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
    height: 27%;
    position: absolute;
    left: 13%;
    top: 0%;
    width: 27%;
    z-index: 20;
}
.home-banner-wrap .home-banner-inner #circs-box{
    animation: rotatebub 3s infinite steps(3);
    animation-delay: .1s;
    animation-direction: alternate;
    position: absolute;
    left: auto;
    right: -2%;
    top: 41.5%;
    height: 20%;
    width: 24%;
    z-index: 20;
}
.home-banner-wrap .home-banner-inner #bluebot-box{
    animation: rotatebub 3.5s infinite steps(3);
    animation-delay: .1s;
    left: -2%;
    top: auto;
    bottom: 4%;
    height: 20%;
    position: absolute;
    width: 22%;
    z-index: 20;
}
.home-banner-wrap .home-banner-inner #whitedots {
    position: absolute;
    top: 69.8%;
    height: 15.6%;
    background-position: center;
    width: 27%;
    left: 15%;
    z-index: 10;
    animation: whitedots 8s infinite steps(3);
    animation-direction: alternate;
    animation-delay: .1s;
    background-size: cover !important;
    background-repeat: no-repeat;
}
.home-banner-wrap .home-banner-inner #thumbwrap{
    width: 30.3%;
    height: 30.33%;
    overflow: hidden;
    position: absolute;
    bottom: 1.5%;
    right: 1.5%;
    z-index: 5;
}
.home-banner-wrap .home-banner-inner #thumbwrap #thumbsup{
    animation: thumbsup 3s infinite steps(10);
    animation-delay: .1s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto !important;
    bottom: -1px;
    left: -1px !important;
    background-position: left bottom;
    background-size: contain !important;
    background-repeat: no-repeat;
}
.home-banner-wrap .home-banner-inner #greendotsmid{
    animation: rotategreen 1.5s infinite steps(1);
    animation-delay: .1s;
    height: 27%;
    width: 45%;
    position: absolute;
    top: 33.5%;
    left: 0%;
    background-size: contain;
    background-repeat: no-repeat;
}
.home-banner-wrap .home-banner-inner #yellowmid-box{
    animation: rotatebub 2s infinite steps(3);
    animation-direction: alternate-reverse;
    animation-delay: .1s;
    position: absolute;
    width: 38%;
    height: 30%;
    top: 33%;
    left: 16%;
    z-index: 20;
}
.home-banner-wrap .home-banner-inner #yellowmid-box3{
    webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
    background-size: contain !important;
    background-repeat: no-repeat;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
}
.home-banner-wrap .home-banner-inner #banner-icons {
    width: 145%;
    top: 105%;
    left: 48%;
}
.home-banner-wrap .home-banner-inner #yellowmid-box2{
    width: 13%;
    height: 13%;
    bottom: 2%;
    right: 20%;
    position: absolute;
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
    background-size: contain;
    background-repeat: no-repeat
}
.home-banner-wrap .home-banner-inner #yellowmid-box1{
    width: 10%;
    height: 10%;
    bottom: -8%;
    right: 11%;
    position: absolute;
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
    background-size: contain;
    background-repeat: no-repeat
}
.right-banner-image .elementor-widget-container .elementor-shortcode{
    height: 100%;
}
#the-banner-anim > .elementor-container > .homepage_top{
    flex: 1;
    width: auto !important;
    height: auto;
}
#the-banner-anim  .banner-anim-container > .elementor-element-populated{
    padding: 0;
}
#the-banner-anim .banner-anim-container{
    height: auto;
    flex: 1;
}
#ensure-heading-section .haido.section-title h2,
.homepage_top h2.elementor-heading-title{
    font-size: 48px;
    line-height: 48px;
    font-family: 'PolySans Bulky' !important;
}
.product-page-banner .homepage_top h2.elementor-heading-title,
.product-page-banner #ensure-heading-section .haido.section-title h2{
    font-family: 'PolySans Bulky' !important;
}
#ensure-heading-section .haido.section-title h2{
    font-weight: bold;
    z-index: 4;
    position: relative;
}
#phone-anim-right{
    display: block;
}
#phone-anim-right > .elementor-widget-wrap {
        max-width: 645px !important;
}
@keyframes rotate {
     0% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
    }
    80% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
    }
    100% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes rotatecloud {
    0% {
        -webkit-transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, 0deg);
    }
    40% {
        -webkit-transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, 2deg);
        transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, 2deg);
    }
    80% {
        -webkit-transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, -2deg);
        transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, -2deg);
    }
    100% {
        -webkit-transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, -2deg);
        transform: perspective(1px) scale(1.1) rotate3d(0, 0, 1, -2deg);
    }
}
@keyframes rotatered {
    0% {
        -webkit-transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 0deg);
    }
    80% {
        -webkit-transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 360deg);
    }
    100% {
        -webkit-transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) scale(1.05) rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes greendots1{
    0% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes greendots{
    0% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 0deg);
        opacity: 0;
    }
    50% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
        transform: perspective(1px) rotate3d(0, 0, 1, 360deg);
    }
}
@keyframes rotatebub{
    0% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
    20% {
        -webkit-transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
        transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
    }
    65% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 1deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 1deg);
    }
    80% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes whitedots{
    0% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
    40% {
        -webkit-transform: perspective(1px) scale(1.01) rotate3d(0, 0, 1, 1deg);
        transform: perspective(1px) scale(1.01) rotate3d(0, 0, 1, 1deg);
    }
    80% {
        -webkit-transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
        transform: perspective(1px) scale(.99) rotate3d(0, 0, 1, -1deg);
    }
    100% {
        -webkit-transform: perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
        transform: perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
    }
}
@keyframes thumbsup{
    0% {
        -moz-transform: translateX(-105%) translateZ(0);
        -webkit-transform: translateX(-105%) translateZ(0);
        -o-transform: translateX(-105%) translateZ(0);
        -ms-transform: translateX(-105%) translateZ(0);
        transform: translateX(-105%) translateZ(0);
    }
    50% {
        -moz-transform: translateX(0%) translateZ(0);
        -webkit-transform: translateX(0%) translateZ(0);
        -o-transform: translateX(0%) translateZ(0);
        -ms-transform: translateX(0%) translateZ(0);
        transform: translateX(0%) translateZ(0);
    }
    100% {
        -moz-transform: translateX(0%) translateZ(0);
        -webkit-transform: translateX(0%) translateZ(0);
        -o-transform: translateX(0%) translateZ(0);
        -ms-transform: translateX(0%) translateZ(0);
        transform: translateX(0%) translateZ(0);
    }
}
@keyframes rotategreen{
    0% {
        -webkit-transform: perspective(1px) scaleX(-1);
        transform: perspective(1px) scaleX(-1);
    }
    40% {
        -webkit-transform: perspective(1px) scaleX(1);
        transform: perspective(1px) scaleX(1);
    }
    100% {
        -webkit-transform: perspective(1px) scaleX(-1);
        transform: perspective(1px) scaleX(-1);
    }
}
.banner-text-italic{
    display: inline-block;
    font-style: italic;
}
h2,.user-info.font-blod{
    font-family: 'PolySans Bulky' !important;
}
.font-median h2{
    font-family: 'PolySans Median' !important;
}
.user-info.font-blod{
    font-weight: 700;
}
.post-content-heading h2{
    font-family: 'PolySans Median' !important;
}
p{
    font-family: 'poly normal' !important;
}

/*home page banner animation end*/

footer .footer-width-fixer{
    position: relative;
}
footer .footer-width-fixer:before{
    content: "";
    background-image: url(/wp-content/themes/hello-elementor-child/images/paper.png.webp);
    z-index: 2;
    -moz-opacity: .65;
    -khtml-opacity: .65;
    -webkit-opacity: .65;
    opacity: .65;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    background-repeat: repeat;
}
footer .footer-width-fixer form .signup-input-wrap{
    display: flex;
    justify-content: center;
    width: max-content;
}
.footer_subscribe form.footer-sub-form{
    display: flex;
    justify-content: center;
}
footer .signup-button:hover{
    background-color: #2a2a76 !important;
}
.logo-img img{
    height: 120px !important;
    width: auto;
}
#the-banner-anim > .elementor-container{
    padding: 0 20px;
}
/*phone animation start*/
.phone-anim .elementor-element,
.phone-anim .elementor-element .elementor-widget-container,
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode,
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container,
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .phone-anim-outer{
    height: 100%;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .sa-bg{
    height: 84% !important;
    top: auto !important;
    bottom: 4%;
    position: absolute !important;
    left: 0 !important;
    width: 100%;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .sa-bg > .bg-image{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
    background-size: contain;
    background-position-x: right;
    background-position-y: bottom !important;
    background-repeat: no-repeat;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .bg-full{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .bg-full .sa-sqlines{
    height: 99%;
    -moz-transform: translate3d(0%, -4%, 0) perspective(1px);
    -webkit-transform: translate3d(0%, -4%, 0) perspective(1px);
    -o-transform: translate3d(0%, -4%, 0) perspective(1px);
    -ms-transform: translate3d(0%, -4%, 0) perspective(1px);
    transform: translate3d(0%, -4%, 0) perspective(1px);
    background-position-y: bottom !important;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: contain;
    width: 100%;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .tr-fix{
    -moz-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .sa-hand{
    position: absolute;
    width: 100%;
    bottom: 0;
    top: auto !important;
    background-position-y: bottom;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .sa-hand .the-hand{
    -moz-transform: translate3d(3%, 0%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, 0%, 0) perspective(1px);
    -o-transform: translate3d(3%, 0%, 0) perspective(1px);
    -ms-transform: translate3d(3%, 0%, 0) perspective(1px);
    transform: translate3d(3%, 0%, 0) perspective(1px);
    background-position-x: right;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    top: auto !important;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: contain !important;
}
.phone-anim .elementor-element .elementor-widget-container .elementor-shortcode .phone-anim-container .phone-anim-wrap{
    width: 29.2%;
    height: 57%;
    -wekit-border-radius: 9%;
    -moz-border-radius: 9%;
    border-radius: 9%;
    position: absolute;
    top: 0;
    left: 0px;
    overflow: hidden;
    -moz-transform: translate3d(180.5%, 11.5%, 0) perspective(1px);
    -webkit-transform: translate3d(180.5%, 11.5%, 0) perspective(1px);
    -o-transform: translate3d(180.5%, 11.5%, 0) perspective(1px);
    -ms-transform: translate3d(180.5%, 11.5%, 0) perspective(1px);
    transform: translate3d(180.5%, 11.5%, 0) perspective(1px);
}
#phone-anim{
    width: 94%;
}
.phn-anim-left > .elementor-widget-wrap{
    flex: 1;
    padding: 0;
}
.customer-heading .elementor-widget-container{
    display: flex;
    justify-content: center;
}
.customer-heading h2.elementor-heading-title{
    position: relative;
    width: max-content;
}
.customer-heading h2.elementor-heading-title:before{
    z-index: -1;
    content: "";
    display: block;
    width: 230px;
    height: 225px;
    background-size: contain;
    position: absolute;
    left: -157px;
    background-image: url(/wp-content/themes/hello-elementor-child/images/yellowsq.png.webp);
    top: -70px;
}
.secure-client-section > .elementor-container{
    padding: 0 20px !important;
}
/*phone animation end*/
.main-section-title{
    margin: 0 auto;
    position: relative;
    z-index: 2;
 }
.zeta.banner-text{
    font-family: 'poly normal' !important;
    font-weight: 400;
    font-style: normal;
    max-width: 460px;
    font-size: 17px;
    line-height: 27px;
}
.section-title-dots{
    position: absolute;
    left: -75px;
    top: 0px;
    background-image: url(/wp-content/themes/hello-elementor-child/images/yellowsq.png.webp);
    background-size: contain;
    z-index: 3;
    margin-top: -36px;
    width: 110px;
    height: 110px;
}
.section-title-dots.bottom-title{
    left: -85px;
}
.section-title-dots img{
    width: 110px;
    height: 110px;
 }
.customer-image-container{
    max-width: 63%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.customer-image-container .image-block{
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 126%;
}
.customer-image-container .image-block img{
    left: 10% !important;
    top: 7% !important;
    z-index: 1;
    position: absolute !important;
    width: 100%;
    height: 100% !important;
}
.customer-image-container .image-block .block-bg-image{
    background-image: url(/wp-content/themes/hello-elementor-child/images/team-bg-modal.png.webp);
    width: 100% !important;
    height: 100% !important;
    z-index: 0;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.sbline {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear infinite;
}

.sbline:nth-child(1) {
  animation-delay: 0s;
}

.sbline:nth-child(2) {
  animation-delay: 1s;
}

.sbline:nth-child(3) {
  animation-delay: 2s;
}
@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
.heading-icon {
    width: 60px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -moz-transform: translateY(-130%) translateZ(0);
    -webkit-transform: translateY(-130%) translateZ(0);
    -o-transform: translateY(-130%) translateZ(0);
    -ms-transform: translateY(-130%) translateZ(0);
    transform: translateY(-130%) translateZ(0);
}
.inner-section-heading h2{
    position: relative;
    font-size: 24px !important;
    line-height: 26px !important;
}
.star.inner-section-heading h2{
    width: max-content;
    margin: auto;
    position: relative;
    font-size: 24px !important;
    line-height: 26px !important;
    font-family: 'PolySans Bulky' !important;
}
.phn-anim-left .inner-section-heading h2 {
    font-family: 'PolySans Bulky' !important;
}
.para-text .post-content > p{
    font-size: 17px !important;
    line-height: 27px !important;
    font-family: 'poly normal' !important;
    font-weight: 400;
    font-style: normal;
}
.post-content-heading h2{
        font-size: 18px !important;
        line-height: 27px !important;
}
.customer-heading h2.elementor-heading-title{
    font-size: 48px !important;
    line-height: 48px !important;
}
.user-info{
    font-size: 17px !important;
    line-height: 27px !important;
}
.secure-client-section .elementor-element-populated{
    padding: 0 !important;
}
.secure-client-section .phn-anim-left{
    flex: 1;
    padding: 0 30px;
}
.secure-client-section .phone-anim{
    padding: 0 30px;
    flex: 1;
}







.container-block-padding{
    padding: 0 20px !important;
}
.customer-heading h2.title-heading{
    font-size: 48px !important;
    line-height: 48px !important;
    font-weight: bold;
    width: max-content;
    margin: auto;
    z-index: 99;
    position: relative;
    font-family: 'PolySans Bulky' !important;
}
.customer-heading .elementor-heading-title{
    position: relative;
}
.customer-block-container > .elementor-container{
    padding: 0 20px !important;
}
.customer-block-container .customer-left-block > .elementor-element-populated,
.customer-second-right-block > .elementor-element-populated{
    padding: 0 !important;
}
.section-container .elementor-container{
    padding: 0 20px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.section-container .elementor-container .elementor-column:first-of-type,
.section-container .elementor-container .elementor-column:last-of-type{
    width: auto !important;
}
.section-container .elementor-container .elementor-column:last-of-type{
    position: relative;
    z-index: 99;
}
.section-container .elementor-container .elementor-column:last-of-type .elementor-element-populated{
    padding: 0 !important;
}
.section-container .blog-banner-middle{
    width: 60% !important;
    align-items: end;
    position: relative;
    left: 82px;
}
.section-container .blog-banner-middle > .elementor-widget-wrap{
    padding: 0 !important;
}
.section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title{
    display: flex;
    align-items: end;
}
.section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title img{
    width: 17%;
}
.section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title h3{
    margin: 0;
    font-size: 40px;
    color: #000;
    line-height: 45px;
    font-weight: 700;
    font-family: 'PolySans Bulky';
    display: block;
    margin-left: -38px;
    width: 59%;
}
.section-container a.custom-btn{
    padding: 0px 28px;
    line-height: 18px;
    text-align: center;
    background: #2e2d75;
    font-size: 14px;
    border: 1px solid #484b48;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    height: 48px;
    line-height: 48px;
    text-decoration: none;
    font-family: 'PolySans Bulky';
}
.section-container a.custom-btn:after{
    content: "";
    display: block;
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -webkit-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -o-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -ms-transform: translate3d(-5%, 16%, 0) perspective(1px);
    transform: translate3d(-5%, 16%, 0) perspective(1px);
    z-index: -99;
    left: 4px;
}
.section-container .our_blog h2.elementor-heading-title.elementor-size-default:after{
    width: 65%;
}
.blog-container-section .elementor-element-populated{
    padding: 0 !important;
}
.blog-container-section .blog_container_box,
.trending-blog-container .elementor-container,
.footer_main_section > .elementor-container,
.footer_bottom > .elementor-container {
    padding: 0 20px;
}

.blog_container_box .header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
}
.blog-container-section .blog_container_box .header > div{
    width: 35%;
    position: relative;
}
.blog-container-section .blog_container_box .header select.categories{
    position: relative;
    z-index: 1;
    background: #fff;
    position: relative;
    z-index: 10;
    border: 1px solid #242432;
    height: 48px;
    border-radius: 30px;
    width: 100%;
    margin-left: -5px;
    font-size: 18px;
    font-family: 'poly normal';
    line-height: 48px;
    -webkit-appearance: none;
    appearance: none;
    color: #000;
	padding: 0 50px 4px 30px;}
	text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
	
.blog-container-section .blog_container_box .header .recent-post-filter::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 15px; /* Changed from 66% to 20px fixed position */
    transform: translateY(-56%);
    pointer-events: none;
    color: #333;
    font-size: 16px;
    z-index: 999;
}
.blog-container-section .blog_container_box .header .search-post-filter input{
    position: relative;
    z-index: 1;
    background: #fff;
    position: relative;
    z-index: 10;
    border: 1px solid #242432;
    height: 48px;
    border-radius: 30px;
    width: 100%;
    margin-top: 0px;
    margin-left: -7px;
    font-size: 18px;
    font-family: 'poly normal';
    line-height: 48px;
    padding: 0 30px 4px;
}
.blog-container-section .blog_container_box .header > div:before{
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 9px;
    left: -9px;
    background-image: url(/wp-content/themes/hello-elementor-child/images/blue-dots.png);
    background-size: 200px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}
.blog_container_box .content {
    display: flex;
    align-items: center;
}

.blog_container_box .image-container {
    flex: 1;
    max-width: 50%;
}

.blog_container_box .image-container img {
    width: 100%;
    border-radius: 10px;
}

.blog_container_box .text-content {
    flex: 1;
}

.blog_container_box .tag , .blog_tag {
   display: inline-block;
    padding: 0px 10px;
    margin-bottom: 0px;
    margin-top: 12px;
    color: #b6b6b6;
    font-size: 16px;
    border: 1px solid #b6b6b6;
    padding: 0px 6px 0px 6px;
    color: #b6b6b6;
    pointer-events: none;
    font-family: 'poly normal';
}

.blog_container_box h2 {
    margin: 0 0 10px;
    font-size: 40px;
    color: #000 !important;
    line-height: 45px;
    font-weight: 700;
    font-family: "Poly", sans-serif;
    margin-bottom: 18px;
    width: 90%;
}

.blog_container_box h2 a{
    color: black !important;
    text-decoration: none;
}
.blog_container_box .tag{
    margin: 12px 0 18px;
    padding: 0 6px;
}
.blog_container_box  p , .blog_card p{
   font-size: 17px;
    line-height: 22px;
    color: #000;
    font-family: "poly";
    margin-bottom: 16px;
    width: 90%;
}

.blog_container_box .read-more {
 color: #61c7f2;
    font-size: 16px;
    font-family: 'poly normal';
    font-weight: 400;
    text-decoration: none;
}
.blog_container_box  .content .image-container > a{
    display: block;
}
.blog_container_box  .content .image-container > a > img{
    padding-right: 35px;
}
.trending-blog-container .elementor-container .elementor-element-populated{
    padding: 0 !important;
}



/*contact form css*/
.contact-form > .elementor-container{
    margin: 0 auto;
    padding: 72px 20px 110px !important;
}
.contact-form > .elementor-container .gform_heading h3{
    font-size: 48px !important;
    line-height: 48px !important;
    font-family: 'PolySans Bulky';
    font-weight: 700;
    position: relative;
    width: max-content;
    margin-bottom: 72px;
    color: #000;
}
.contact-form > .elementor-container .gform_heading h3:before{
    content: '';
    display: block;
    position: absolute;
    width: 72%;
    height: 8px;
    bottom: 8px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 98% 98%;
    z-index: 0;
    background-image: url(/wp-content/themes/hello-elementor-child/images/underline.png.webp);
}
.contact-form > .elementor-container form{
    position: relative;
}
.contact-form{
    overflow-x: hidden;
}
.contact-form > .elementor-container .elementor-element-populated{
    padding: 0 !important;
}
.contact-form > .elementor-container form ul{
    list-style: none;
    position: relative;
    padding: 0;
}
.contact-form  .gfield {
    margin-bottom: 30px;
}
.ginput_container {
    position: relative;
    display: inline-block;
}
.ginput_container:before {
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 9px;
    left: -9px;
    background-image: url(/wp-content/themes/hello-elementor-child/images/blue-dots.png);
    background-size: 200px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}
.gfield .customSelectInner, .gfield textarea, .gfield input[type='tel'], .gfield input[type='text'], .gfield input[type='email'] {
    position: relative;
    background: #fff;
    z-index: 10;
    border: 1px solid #242432;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    height: 66px;
    display: block;
    padding-top: 13px;
}
textarea, input[type='tel'], input[type='text'], input[type='email'], body {
    font-family: 'PolySans Median' !important;
}
.gform-label-slide label {
    will-change: transform;
    display: block;
    position: absolute;
    top: 19px;
    pointer-events: none;
    transform-origin: left top;
    z-index: 3;
    -webkit-transition: all .35s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    transition: all .35s cubic-bezier(.36,.01,.1,1.01);
}
.gfield label {
    z-index: 20;
    font-weight: 500 !important;
    z-index: 20;
    font-weight: 500 !important;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PolySans Median';
}
.gform-label-slide.gfield>label, .gform-label-slide.gfield_phone label {
    left: 46px;
}
.gform-label-slide, .gform-label-slide span {
    position: relative;
}
.gform-label-slide span.active label, .gform-label-slide.active label:not(.ginput_complex label) {
    -moz-transform: translateY(-12px) translateX(0px) scale(.64);
    -webkit-transform: translateY(-12px) translateX(0px) scale(.64);
    -o-transform: translateY(-12px) translateX(0px) scale(.64);
    -ms-transform: translateY(-12px) translateX(0px) scale(.64);
    transform: translateY(-12px) translateX(0px) scale(.64);
}
.gform-label-slide.active.gfield_textarea label {
    -moz-transform: translateY(-4px) translateX(0px) scale(.64) !important;
    -webkit-transform: translateY(-4px) translateX(0px) scale(.64) !important;
    -o-transform: translateY(-4px) translateX(0px) scale(.64) !important;
    -ms-transform: translateY(-4px) translateX(0px) scale(.64) !important;
    transform: translateY(-4px) translateX(0px) scale(.64) !important;
}
.gfield textarea {
    height: auto;
    padding-top: 42px;
}
#field_1_5:after {
    content: '';
    width: 600px;
    height: 400px;
    position: absolute;
    bottom: -75px;
    right: -100px;
    display: block;
    background-image: url(/wp-content/themes/hello-elementor-child/images/contact-blob.png);
    background-size: cover;
    z-index: 0;
}
.gfield--type-select label {
    display: none;
}
.gfield--type-select select {
    z-index: 9999;
}
.customSelectInner {
    font-weight: 500;
    line-height: 40px;
    white-space: nowrap;
    color: #000;
    font-size: 18px;
}
.customSelectInner:after {
    content: "\f107";
    font-family: 'Font Awesome\ 5 Free';
    font-style: normal;
    font-size: 20px;
    right: 30px;
    position: absolute;
    font-weight: 900;
}
.gform_footer.top_label {
    margin-bottom: 30px;
    position: relative;
    width: max-content;
}
.gform_footer.top_label img{
    position: absolute;
    bottom: 0;
}
.gform_footer.top_label:before{
    content: '';
    display: block;
    background-size: cover;
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
    width: 102%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -webkit-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -o-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -ms-transform: translate3d(-5%, 16%, 0) perspective(1px);
    transform: translate3d(-5%, 16%, 0) perspective(1px);
    z-index: 0;
}
.gform_button.button{
    padding: 18px 30px;
    line-height: 18px;
    text-align: center;
    background: #242432;
    font-size: 14px;
    border-radius: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19,1,0.22,1);
    border: 0;
}
.gform_submission_error, #mc_embed_signup div.mce_inline_error, .validation_error, .gfield_description.validation_message, #gforms_confirmation_message, .instruction.validation_message {
    background-color: #fc4c4c !important;
    font-size: 14px !important;
    display: inline-block;
    color: #fff !important;
    font-weight: normal !important;
    padding: 12px 15px !important;
}
.gform_submission_error, .validation_error, .gfield_description.validation_message, .instruction.validation_message {
    line-height: 18px;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    -wekit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 24px;
}
.gfield_description.validation_message, .instruction.validation_message {
    -wekit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
}
.gfield_description.validation_message {
    display: block;
    max-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin-top: 12px;
}
input.mce_inline_error, .gfield_error input, .gfield_error textarea {
    border-color: #fc4c4c !important;
}
.gform_button.button:hover,
.gform_button.button:focus{
    -moz-transform: translate3d(3%, -3%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, -3%, 0) perspective(1px);
    -o-transform: translate3d(3%, -3%, 0) perspective(1px);
    -ms-transform: translate3d(3%, -3%, 0) perspective(1px);
    transform: translate3d(3%, -3%, 0) perspective(1px);
    background: #2a2a76;
}
.gfield .customSelectInner, .gfield .customSelect, .gfield select {
    width: 100% !important;
}
header .elementor-section .elementor-container{
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
header .elementor-section .elementor-container .elementor-column{
    width: auto !important;
}
header .elementor-section .elementor-container .elementor-column:first-of-type{
    margin-left: auto;
    flex: 1;
}
header .elementor-section .elementor-container .elementor-column:last-of-type{
    margin-rigth: auto;
}
header .elementor-section .elementor-container .elementor-column:first-of-type .elementor-widget-wrap > .elementor-element{
    width: unset !important;
    max-width: unset !important;
}
header nav ul li a {
    font-size: 18px !important;
    font-family: 'PolySans Bulky' !important;
}
.custom-btn .elementor-button-wrapper{
    display: inline-block;
    position: relative;
}
.custom-btn a.elementor-button{
    z-index: 99;
    position: relative;
    text-decoration: none;
    display: inline-block;
    font-family: 'PolySans Bulky' !important;
}
.custom-btn .elementor-button-wrapper:after{
    content: '';
    display: block;
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
    background-size: cover;
    width: 102%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -webkit-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -o-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -ms-transform: translate3d(-2%, 21%, 0) perspective(1px);
    transform: translate3d(-2%, 21%, 0) perspective(1px);
    z-index: 0;
}
.custom-btn a.elementor-button span{
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19,1,0.22,1);
}
.custom-btn .elementor-button-wrapper:hover a.elementor-button{
    -moz-transform: translate3d(3%, -3%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, -3%, 0) perspective(1px);
    -o-transform: translate3d(3%, -3%, 0) perspective(1px);
    -ms-transform: translate3d(3%, -3%, 0) perspective(1px);
    transform: translate3d(3%, -3%, 0) perspective(1px);
    background: #2a2a76 !important;
}
.custom-btn .elementor-button-wrapper:hover:after{
    animation: rotatebutton 1s infinite steps(3);
    animation-direction: alternate-reverse;
}
.prodect-left.slider h2.elementor-heading-title{
    font-size: 24px !important;
    line-height: 30px !important;
}
/*footer form css*/
 .hidden { display: none; }
        .response { margin-top: 10px; color: red; } / Style success message /
        .error-response { color: red; } / Style error message /

div#mc_embed_signup h1 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'PolySans Bulky';
}
.spinner{
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 19 !important;
    animation: loading-bar-spinner 1s linear infinite;
    -webkit-transition: opacity .8s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: opacity .8s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: opacity .8s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: opacity .8s cubic-bezier(.36, .01, .1, 1.01);
    transition: opacity .8s cubic-bezier(.36,.01,.1,1.01);
}
.subscribe_spinner {
    width: 60px;
    height: 60px;
    border: 8px solid #f2d208;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
  }

  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
/*header toggle button css*/
header .hfe-nav-menu__toggle{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
header .hfe-nav-menu__toggle .hfe-nav-menu-icon i{
    display: none;
}
header .hfe-nav-menu__toggle .hfe-nav-menu-icon{
    display: inline-block;
    height: 5px;
    position: relative;
    transition: .3s;
    width: 23px;
    left: 0;
    top: 0;
    -moz-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: url(https://res.tech/wp-content/themes/irt/assets/images/menu-line.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0;
}
header .hfe-nav-menu__toggle .hfe-nav-menu-icon:before,
header .hfe-nav-menu__toggle .hfe-nav-menu-icon:after{
    display: inline-block;
    content: '';
    height: 5px;
    position: absolute;
    top: -8px;
    -webkit-transition: all .6s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .6s cubic-bezier(0.19,1,0.22,1);
    -moz-transform: perspective(1px) translateZ(0);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    width: 23px;
    left: 0;
}
header .hfe-nav-menu__toggle .hfe-nav-menu-icon:before{
    background: url(https://res.tech/wp-content/themes/irt/assets/images/menu-line.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}
header .hfe-nav-menu__toggle .hfe-nav-menu-icon:after{
    background: url(https://res.tech/wp-content/themes/irt/assets/images/menu-line.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: auto;
    bottom: -8px;
}
header .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon{
    background: none;
}
header .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon:before{
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
     transform: rotate3d(0, 0, 1, 45deg);
}
header .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon:after{
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
header .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon:before,
header .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon:after{
    top: 0;
}




#the-banner-anim .banner-anim-container .elementor-element-populated{
    max-width: 94vw;
    max-height: 94vw;
    left: -2.2vw;
}
#ensure-heading-section .section-title .elementor-widget-container .elementor-heading-title{
    position: relative;
    max-width: 750px;
    margin: 0 auto;
}



/*mobile header design*/
.mobile-header-bg{
    background-image: url(/wp-content/themes/hello-elementor-child/images/mob-nav-blue-bg.png.webp);
    z-index: 0 !important;
    background-position: center center;
    background-size: 122% 122%;
    background-repeat: no-repeat;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100% !important;
}
.contact-form .gform_validation_errors{
    display: none;
}
.contact-form .gfield_description{
    position: relative;
    z-index: 1;
}
div#mc_embed_signup h1 {
    font-size: 30px;
    color: black;
margin: 0px;
}
#the-banner-anim .homepage_top .elementor-element-populated{
    padding: 0 !important;
}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu,
#the-banner-anim .zeta.banner-text{
    opacity: 0;
}
#the-banner-anim .zeta.banner-text[data-sal|=fade].sal-animate{
    opacity: 1;
}


/*404 page css*/
.page-404{
    position: relative;
    background-color: #fcfbf2 !important;
    padding: 96px 0;
}
.page-404:before{
    content: '';
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    -moz-opacity: .65;
    -khtml-opacity: .65;
    -webkit-opacity: .65;
    opacity: .65;
    pointer-events: none;
    background-repeat: repeat;
    background-image: url(/wp-content/themes/hello-elementor-child/images/paper.png.webp);
}
.page-404 .page-404-container{
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
.image-404-container{
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 48px;
}
.image-404-container .image-404-block{
    padding-bottom: 40%;
    position: relative;
}
.image-404-inner-block{
    position: absolute;
    width: 100%;
    transform: translate(-50%, -50%) translateZ(0) !important;
    top: 50% !important;
    left: 50% !important;
    background-image: url(/wp-content/themes/hello-elementor-child/images/404.png.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.page-404-container h1{
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    font-family: 'PolySans Bulky';
    text-align: center;
    margin: 0;
}
.page-404-content{
    max-width: 600px;
    margin: 0 auto;
}
.page-404-content p{
    font-size: 17px;
    line-height: 27px;
    font-family: 'poly normal';
    margin: 0;
    padding-top: 30px;
    text-align: center;
    color: #000;
}
.page-404-content .back-home-btn{
    padding-top: 36px;
    text-align: center;
}
.page-404-content .back-home-btn a{
    position: relative;
    padding: 0;
    display: inline-block;
}
.page-404-content .back-home-btn a:hover > span {
    -moz-transform: translate3d(3%, -3%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, -3%, 0) perspective(1px);
    -o-transform: translate3d(3%, -3%, 0) perspective(1px);
    -ms-transform: translate3d(3%, -3%, 0) perspective(1px);
    transform: translate3d(3%, -3%, 0) perspective(1px);
    background: #2a2a76;
}
.page-404-content .back-home-btn a:after{
    content: '';
    display: block;
    background-size: cover;
    width: 102%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -webkit-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -o-transform: translate3d(-5%, 16%, 0) perspective(1px);
    -ms-transform: translate3d(-5%, 16%, 0) perspective(1px);
    transform: translate3d(-5%, 16%, 0) perspective(1px);
    z-index: 0;
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
}
.page-404-content .back-home-btn a:hover:after {
    animation: rotatebutton 1s infinite steps(3);
    animation-direction: alternate-reverse;
}
.page-404-content .back-home-btn a > span{
    padding: 18px 30px;
    line-height: 18px;
    text-align: center;
    background: #242432;
    font-size: 14px;
    border-radius: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    font-family: 'PolySans Median';
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19,1,0.22,1);
}

/*footer form design*/
.footer_subscribe_form{
    display: flex;
    width: max-content;
    position: relative;
    z-index: 0;
    margin-top: 24px;
    margin: 24px auto 40px;
    position: relative;
}
.footer_subscribe_form .hs-email > label{
    display: none
}
.footer_subscribe_form input[name="email"]{
    padding: 0 30px !important;
    flex: 1;
    font-family: 'PolySans Median !important';
    font-weight: 600;
    font-size: 16px;
    border: none !important;
    max-width: 285px;
    border-radius: 30px 0px 0px 30px !important;
    height: 48px !important;
    line-height: 48px;
    z-index: 2;
    position: relative;
}
.footer_subscribe_form input[type="submit"]{
    padding: 0 20px !important;
    color: #fff !important;
    background: #242432 !important;
    font-weight: bold !important;
    font-size: 14px !important;
    text-transform: uppercase;
    border-radius: 0px 30px 30px 0px !important;
    border-bottom-left-radius: 0;
    cursor: pointer;
    -webkit-transition: all .4s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: all .4s cubic-bezier(.36, .01, .1, 1.01);
    transition: all .4s cubic-bezier(.36,.01,.1,1.01) !important;
    border: none !important;
    height: 48px;
    line-height: 48px;
    font-family: "Helvetica Neue" !important;
}
.footer_subscribe_form input[type="submit"]:hover{
    background-color: #2a2a76 !important;
}
.footer_subscribe_form:after{
    content: "";
    background-image: url(https://irt2022stg.wpengine.com/wp-content/uploads/2024/08/inputbg.png.webp);
    z-index: -1;
    left: -4% !important;
    top: 23% !important;
    background-size: cover;
    width: 100%;
    height: 100% !important;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100% !important;
}
.footer_subscribe_form ul.inputs-list{
    list-style: none;
    white-space: normal;
    width: 100%;
    position: absolute;
    bottom: -44px;
    padding: 0;
}
.footer_subscribe_form .hs_error_rollup {
    display: none;
}
.footer_subscribe_form ul.inputs-list label{
    color: red;
    font-weight: bold;
    font-size: 14px;
}
.submitted-message{
    font-size: 30px;
    color: black;
    margin: 0px;
    line-height: normal;
}

.custom_contact_form .input input{
    position: relative;
    background: #fff;
    z-index: 10;
    border: 1px solid #242432;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 400px;
    max-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    height: 66px;
    display: block;
    padding-top: 13px;
}
.custom_contact_form{
    position: relative;
}
.custom_contact_form .input textarea{
        position: relative;
    background: #fff;
    z-index: 10;
    border: 1px solid #242432;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    height: 66px;
    display: block;
    padding-top: 40px;
    width: 100%;
    height: 100%;
}
.custom_contact_form .hs-message:before{
    content: '';
    width: 600px;
    height: 400px;
    position: absolute;
    bottom: -75px;
    right: -100px;
    display: block;
    background-image: url(/wp-content/themes/hello-elementor-child/images/contact-blob.png);
    background-size: cover;
    z-index: 0;
}
.custom_contact_form .hs-message .input{
    width: 100%;
    height: 100%;
}
.custom_contact_form .hs-form-field > label{
    will-change: transform;
    display: block;
    position: absolute;
    top: 19px;
    left: 33px;
    pointer-events: none;
    transform-origin: left top;
    z-index: 3;
    -webkit-transition: all .35s cubic-bezier(.36,.01,.1,1.01);
    -moz-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    -o-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    -ms-transition: all .35s cubic-bezier(.36, .01, .1, 1.01);
    transition: all .35s cubic-bezier(.36,.01,.1,1.01);
    z-index: 20;
    font-weight: 500 !important;
    color: #000;
    font-size: 18px;
    line-height: 30px;
    font-family: 'PolySans Median';
}
.custom_contact_form .hs-form-field:not(.hs-message){
    position: relative;
    margin-bottom: 30px;
}
.custom_contact_form .hs-form-field ul.inputs-list{
    list-style: none;
    display: block;
    max-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    margin: 12px 0 0px;
}
.custom_contact_form .hs-form-field ul.inputs-list > li > label{
    background-color: #fc4c4c !important;
    font-size: 14px !important;
    display: inline-block;
    color: #fff !important;
    font-weight: normal !important;
    padding: 12px 15px !important;
    width: 100%;
    border-radius: 36px;
    text-align: center;
}
.custom_contact_form .input input.invalid.error{
    border-color: #fc4c4c !important;
}
.custom_contact_form .input{
    display: inline-block;
    position: relative;
}
.custom_contact_form .input:before{
    z-index: 1;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 9px;
    left: -9px;
    background-image: url(/wp-content/themes/hello-elementor-child/images/blue-dots.png);
    background-size: 200px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
}
.custom_contact_form .input select{
    width: 100% !important;
    height: 100%;
    z-index: 9999;
}
.custom_contact_form .hs-interest > label{
    display: none;
}
.custom_contact_form .customSelect{
    width: 100% !important;
}
.custom_contact_form .customSelectInner{
    position: relative;
    background: #fff;
    z-index: 10;
    border: 1px solid #242432;
    padding-left: 30px;
    padding-right: 30px;
    min-width: 400px;
    -wekit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    height: 66px;
    display: block;
    padding-top: 13px;
}
.custom_contact_form .hs-submit{
    position: absolute;
    left: 0;
    bottom: auto;
}
.custom_contact_form .hs-submit .actions input{
    padding: 18px 30px;
    line-height: 18px;
    text-align: center;
    background: #242432;
    font-size: 14px;
    border-radius: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all .4s cubic-bezier(0.19,1,0.22,1);
    -moz-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19,1,0.22,1);
    border: 0;
}
.custom_contact_form .hs-submit .actions{
    position: relative;
}
.custom_contact_form .hs-submit .actions:before{
    content: '';
    display: block;
    background-size: cover;
    background-image: url(/wp-content/themes/hello-elementor-child/images/btntexture.png.webp);
    width: 102%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    -moz-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -webkit-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -o-transform: translate3d(-2%, 21%, 0) perspective(1px);
    -ms-transform: translate3d(-2%, 21%, 0) perspective(1px);
    transform: translate3d(-2%, 21%, 0) perspective(1px);
    z-index: 0;
}
.custom_contact_form .hs-submit .actions:hover input, .custom_contact_form .hs-submit .actions input:focus {
    -moz-transform: translate3d(3%, -3%, 0) perspective(1px);
    -webkit-transform: translate3d(3%, -3%, 0) perspective(1px);
    -o-transform: translate3d(3%, -3%, 0) perspective(1px);
    -ms-transform: translate3d(3%, -3%, 0) perspective(1px);
    transform: translate3d(3%, -3%, 0) perspective(1px);
    background: #2a2a76;
}
.custom_contact_form .hs-form-field.active > label {
    -moz-transform: translateY(-12px) translateX(0px) scale(.64);
    -webkit-transform: translateY(-12px) translateX(0px) scale(.64);
    -o-transform: translateY(-12px) translateX(0px) scale(.64); 
    -ms-transform: translateY(-12px) translateX(0px) scale(.64);
    transform: translateY(-12px) translateX(0px) scale(.64);
}
.custom_contact_form .hs-form-field.hs-message.active > label{
    -moz-transform: translateY(-8px) translateX(0px) scale(.64);
    -webkit-transform: translateY(-8px) translateX(0px) scale(.64);
    -o-transform: translateY(-8px) translateX(0px) scale(.64);
    -ms-transform: translateY(-8px) translateX(0px) scale(.64);
    transform: translateY(-8px) translateX(0px) scale(.64);
}
.custom_contact_form .hs-submit .actions:hover:before{
    animation: rotatebutton 1s infinite steps(3);
    animation-direction: alternate-reverse;
}
.custom_contact_form .hs_recaptcha .input .grecaptcha-badge{
    border-radius: 36px;
    position: relative;
    z-index: 99;
}
.custom_contact_form .hs_recaptcha .input .grecaptcha-badge .grecaptcha-logo{
    border-radius: 36px;
}
.custom_contact_form .hs_recaptcha .input .grecaptcha-badge .grecaptcha-logo iframe{
    border-radius: 36px;
}
.custom_contact_form .hs_recaptcha .input:before{
    width: 256px;
}
.custom_contact_form .hs_error_rollup{
display: none;
}
/*media*/
@media (min-width: 810px) and (max-height: 820px) {
    header nav ul li a {
        font-size: 14px !important;
    }
}
@media (min-width: 1200px) and (min-height: 500px) {
    #ensure-heading-section .haido.section-title h2,
    .customer-heading h2.elementor-heading-title,
    .homepage_top h2.elementor-heading-title{
        font-size: 72px !important;
        line-height: 72px !important;
    }
    .contact-form > .elementor-container .gform_heading h3{
        font-size: 72px !important;
        line-height: 72px !important;
    }
    .inner-section-heading h2,
    .star.inner-section-heading h2{
        font-size: 40px !important;
        line-height: 42px !important;
    }
    .para-text .post-content > p{
        font-size: 18px !important;
        line-height: 27px !important;
    }
    .post-content-heading h2{
        font-size: 24px !important;
        line-height: 30px !important;
    }
    .user-info{
        font-size: 18px !important;
        line-height: 27px !important;
    }
    .customer-heading h2.title-heading{
        font-size: 72px !important;
        line-height: 72px !important;
    }
    .zeta.banner-text{
        font-size: 18px;
    }
    .prodect-left.slider h2.elementor-heading-title,.page-404-container h1{
        font-size: 40px !important;
        line-height: 42px !important;
    }
    .page-404-content p{
        font-size: 18px;
        line-height: 27px;
    }
}
@media (min-width: 1440px) and (min-height: 800px) {
    #ensure-heading-section .haido.section-title h2,
    .customer-heading h2.elementor-heading-title,
    .homepage_top h2.elementor-heading-title {
        font-size: 86px !important;
        line-height: 96px !important;
    }
    .contact-form > .elementor-container .gform_heading h3{
        font-size: 86px !important;
        line-height: 96px !important;
    }
    .zeta.banner-text{
        line-height: 30px;
        font-size: 26px;
    }
    .inner-section-heading h2,
    .star.inner-section-heading h2{
        font-size: 44px !important;
        line-height: 48px !important;
    }
    .para-text .post-content > p{
        font-size: 20px !important;
        line-height: 33px !important;
    }
    .user-info{
        font-size: 20px !important;
        line-height: 33px !important;
    }
    .customer-heading h2.title-heading{
        font-size: 86px !important;
        line-height: 96px !important;
    }
    .zeta.banner-text{
        font-size: 26px;
        line-height: 30px;
    }
    .prodect-left.slider h2.elementor-heading-title,
    .page-404-container h1{
        font-size: 44px !important;
        line-height: 48px !important;
    }
    .page-404-content p{
        font-size: 20px;
        line-height: 33px;
    }
}
@media (min-width: 1440px) and (max-height: 979px) {
    .homepage_top h2.elementor-heading-title {
        font-size: 72px !important;
        line-height: 84px !important;
    }
}
@media (min-width: 450px) {
    .section-container .elementor-container,
    #the-banner-anim > .elementor-container{
        padding: 0 30px;
    }
    .blog-container-section .blog_container_box,
    .trending-blog-container .elementor-container,
    .footer_main_section > .elementor-container,
    .footer_bottom > .elementor-container{
        padding: 0 30px;
    }
    .contact-form > .elementor-container{
        padding: 72px 30px 110px !important;
    }
    #the-banner-anim .banner-anim-container .elementor-element-populated{
        max-width:460px;
        max-height: 460px;
        left: auto;
    }
    .secure-client-section > .elementor-container{
        padding: 0 30px !important;
    }
    .page-404 .page-404-container{
        padding: 0 30px;
    }
}
@media (min-width: 750px) {
    .contact-form .gform_fields>* {
        padding-right: 15px;
        padding-left: 15px;
    }
    .contact-form > .elementor-container form ul,
    .contact-form > .elementor-container form{
        margin: 0 -15px;
        padding: 0;
    }
}
@media (min-width: 768px) {
    .container-block-padding{
        padding: 0 80px !important;
    }
}
@media (min-width: 768px) {
    .section-title-dots{
        width: 180px;
        height: 170px;
    }
}
@media (min-width: 810px) {
    #the-banner-anim .banner-anim-container .elementor-element-populated{
        max-width:48vw;
        max-height:48vw;
    }
}
@media (min-width: 930px) {
    #field_1_5 {
        position: absolute;
        top: 0;
        left: 440px;
        width: calc(100% - 440px);
        height: 100%;
    }
        #field_1_5 textarea, #field_1_5 .ginput_container_textarea {
        width: 100%;
        height: 100%;
    }
    #field_1_5 textarea, #field_1_5 .ginput_container_textarea {
        width: 100%;
        height: 100%;
    }
    .custom_contact_form .hs-message{
        position: absolute;
        top: 0;
        left: 440px;
        width: calc(100% - 440px);
        height: 100%;
    }
}
@media (min-width: 992px) {
    #the-banner-anim > .elementor-container {
        padding: 0 50px;
    }
    .heading-icon {
        top: 0;
        left: -30px;
        display: block;
        -moz-transform: translate3d(-97%, 7%, 0) perspective(1px);
        -webkit-transform: translate3d(-97%, 7%, 0) perspective(1px);
        -o-transform: translate3d(-97%, 7%, 0) perspective(1px);
        -ms-transform: translate3d(-97%, 7%, 0) perspective(1px);
        transform: translate3d(-97%, 7%, 0) perspective(1px);
        width: 45px;
    }
    .container-block-padding{
        padding: 0 50px !important;
    }
    .customer-block-container > .elementor-container{
        padding: 0 50px !important;
    }
    .customer-block-container .customer-left-block{
        left: -25px;
    }
    .customer-second-right-block{
        right: -25px;
    }
    .customer-second-left-block{
        padding-left: 45px;
    }
    .section-container .elementor-container{
        padding: 0 50px;
    }
    .blog-container-section .blog_container_box,
    .trending-blog-container .elementor-container,
    .footer_main_section > .elementor-container,
    .footer_bottom > .elementor-container{
        padding: 0 50px;
    }
    .contact-form > .elementor-container{
        padding: 72px 50px 110px !important;
    }
    .secure-client-section .phn-anim-left{
        padding-left: 85px;
        padding-right: 0;
    }
    .secure-client-section > .elementor-container{
        padding: 0 50px !important;
    }
    .page-404 .page-404-container{
        padding: 0 50px;
    }
}
@media (min-width: 1100px) {
    .heading-icon {
        left: -30px;
        -moz-transform: translate3d(-120%, 7%, 0) perspective(1px);
        -webkit-transform: translate3d(-120%, 7%, 0) perspective(1px);
        -o-transform: translate3d(-120%, 7%, 0) perspective(1px);
        -ms-transform: translate3d(-120%, 7%, 0) perspective(1px);
        transform: translate3d(-120%, 7%, 0) perspective(1px);
        width: 60px;
    }
    .customer-second-left-block{
        padding-left: 60px;
    }
    .secure-client-section .phn-anim-left{
        padding-left: 110px;
    }
}
@media (min-width: 1200px) {

   
 .section-title-dots img{
    width: 230px;
    height: 225px;
 }
 .main-section-title{
    max-width: 1215px;
 }
 .section-title-dots{
    width: 230px;
    height: 225px;
    margin-top: -72px;
}
#ensure-heading-section .section-title .elementor-widget-container .elementor-heading-title{
    max-width: 1215px;
}
}



@media (min-width: 1010px) and (max-height: 820px) {
    #the-banner-anim .banner-anim-container {
        margin-top: 12px;
    }
}
@media (min-width: 1400px) {
    .container-block-padding{
        padding: 0 80px !important;
    }
    .customer-block-container > .elementor-container{
        padding: 0 80px !important;
    }
    .customer-block-container .customer-left-block {
        left: -65px;
    }
    .customer-second-right-block{
        right: -65px;
    }
    .section-container .elementor-container{
        padding: 0 80px;
    }
    .blog-container-section .blog_container_box,
    .trending-blog-container .elementor-container,
    .footer_main_section > .elementor-container,
    .footer_bottom > .elementor-container{
        padding: 0 80px;
    }
    .contact-form > .elementor-container{
        padding: 72px 80px 110px !important;
    }
    .secure-client-section > .elementor-container{
        padding: 0 80px !important;
    }
    .page-404 .page-404-container{
        padding: 0 80px;
    }
}
@media (min-width: 1440px) {
    #the-banner-anim > .elementor-container {
        min-height: 700px;
        padding: 0 80px;
    }
}
@media (min-width: 1500px) {
    .customer-right-block{
        padding-right: 65px;
    }
}
@media (min-width: 1600px) {
    #the-banner-anim > .elementor-container {
        min-height: 700px;
        padding: 0 60px;
    }
}
@media (min-width: 768px) {
    #phone-anim-right > .elementor-widget-wrap {
        max-width: 42vw !important;
    }
    #phone-anim-right.phone-anim > .elementor-widget-wrap > .elementor-widget {
        max-width: 42vw;
        max-height: 42vw;
    }
}
@media (max-width: 1079px), (min-width: 810px) and (max-height: 820px) {
    .logo-img img {
        height: 78px !important;
    }
}
@media (max-width: 809px) and (max-height: 699px) {
    .logo-img img {
        height: 48px !important;
    }
}
@media (min-width: 1300px) and (max-height: 699px) {
    .homepage_top h2.elementor-heading-title {
            font-size: 60px !important;
            line-height: 54px !important;
    }
}

@media (max-width: 1299px) {
    .homepage_top h2.elementor-heading-title {
        font-size: 40px !important;
        line-height: 42px !important;
    }
    #the-banner-anim .homepage_top h2.elementor-heading-title{
        font-size: 5vw !important;
        line-height: 5vw !important;
    }
    #the-banner-anim .zeta.banner-text{
        font-size: 16px;
        line-height: 24px;
        padding-right: 42px;
    }
}
@media (max-width: 1299px) and (max-height: 699px) {
        .homepage_top h2.elementor-heading-title {
            font-size: 5vw !important;
            line-height: 5.25vw !important;
        }
}
@media (max-width: 1200px) {
    .blog-container-section .blog_container_box .header .recent-post-filter::after{
        right: 15%;
        top: 54%;
    }
}
@media only screen and (max-width: 1024px) {
    .hfe-nav-menu-layout .hfe-nav-menu__toggle {
        display: flex !important;
    }
    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown{
        display: block !important;
    }
    nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown .hfe-nav-menu{
        display: block !important;
    }
}
@media (max-width: 992px) {
    .blog_container_box h2{
        font-size: 30px;
        line-height: 35px;
    }
    .section-container .elementor-container{
        flex-direction: column;
        align-items: flex-start;
    }
    .section-container .elementor-container .elementor-column:first-of-type{
        width: max-content !important;
    }
    .section-container .elementor-container .elementor-column:last-of-type{
        width: 100% !important;
    }
    .section-container .blog-banner-middle{
        width: 50% !important;
        position: relative;
        left: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title img {
        width: 40%;
    }
    .section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title h3{
        font-size: 30px;
        color: #000;
        line-height: 38px;
        font-weight: 700;
        font-family: "Poly", sans-serif;
        width: 100%;
        display: block;
        margin-left: -38px;
    }
    .section-container a.custom-btn{
        z-index: unset;
    }
    .section-container a.blog_sb_btn{
        max-width: 330px;
        margin: 0 auto;
    }
    .blog-container-section .blog_container_box .header .recent-post-filter::after {
        right: 45%;
        top: 54%;
    }
    .star.inner-section-heading h2{
        width: 100%;
    }
    .star.inner-section-heading h2 > br{
        display: none;
    }
    .stop-letting-section .para-text{
        width: 100% !important;
        max-width: 100% !important;
    }
    .stop-letting-section .para-text .elementor-widget-container{
        margin-top: 4px !important;
    }
    .stop-letting-section{
        margin-bottom: 100px !important;
    }
    .secure-client-section .phn-anim-left,
    .secure-client-section .phone-anim{
        padding: 0;
    }
    .secure-client-section .phone-anim{
        flex: initial;
        width: auto !important;
    }
}
@media (max-width: 929px) {
    .contact-form .gfield{
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-form .ginput_container{
        width: 100%;
        display: block;
    }
    .gform_footer.top_label{
        width: max-content;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .custom_contact_form .hs-form-field {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .custom_contact_form .input input{
        max-width: 100%;
        min-width: 100%;
    }
    .custom_contact_form .input{
        width: 100%;
    }
    .custom_contact_form .customSelectInner{
        min-width: 100%;
        width: 100% !important;
    }
    .custom_contact_form .input textarea{
        min-width: 100%;
        min-height: 200px;
    }
    .custom_contact_form .hs-message{
        position: relative;
        margin-bottom: 30px;
    }
    .custom_contact_form .hs-submit{
        position: static;
        display: flex;
        justify-content: center;
    }
}
@media (max-width: 810px) {
    #the-banner-anim > .elementor-container{
        max-width: 500px !important;
        display: block !important;
    }
    #the-banner-anim .homepage_top h2.elementor-heading-title{
        font-size: 44px !important;
        line-height: 48px !important;
    }
    #the-banner-anim .zeta.banner-text{
        padding-right: 0px;
    }
    #the-banner-anim .banner-anim-container{
        width: 100%;
    }
    #the-banner-anim .banner-anim-container .home-banner-wrap{
        padding-bottom: 100%;
        position: relative;
    }
    #the-banner-anim .banner-anim-container .home-banner-wrap .home-banner-inner{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}
@media (max-width: 767px) {
    .section-container .blog-banner-middle{
        width: 65% !important;
    }
    .blog_container_box h2{
        font-size: 40px;
        line-height: 45px;
    }
    .blog_container_box .header{
        flex-direction: column;
        gap: 40px;
    }
    .blog-container-section .blog_container_box .header > div{
        width: 100%;
    }
    .blog_container_box .content{
        flex-direction: column;
    }
    .blog_container_box .image-container{
        max-width: 100%;
        flex: auto;
    }
    .blog_container_box h2{
        width: 100%;
    }
    .blog_container_box .content .image-container > a > img{
        padding-right: 0;
    }
    .blog_container_box .header{
        margin-bottom: 40px;
    }
    .blog_card_container{
        margin-top: 50px;
        grid-template-columns: repeat(1, 1fr);
    }
    .blog_card{
        margin-bottom: 30px;
    }
    .trending-blog-container{
        margin-bottom: 50px !important;
    }
    .gfield .customSelectInner, .gfield textarea, .gfield input[type='tel'], .gfield input[type='text'], .gfield input[type='email']{
        min-width: 100%;
    }
    .customer-image-container{
        max-width: 60%;
    }
    .customer-block-container .elementor-container{
        max-width: 645px;
    }
    .customer-block-container .elementor-container .customer-left-block{
        margin-bottom: 70px;
    }
    .customer-block-container .customer-second-left-block{
        order: 2;
        margin-top: 70px;
    }
    .secure-client-section > .elementor-container{
        display: block;
        max-width: 645px;
    }
    #phone-anim-right > .elementor-widget-wrap {
        max-width: 70vw !important;
    }
    #phone-anim-right > .elementor-widget-wrap >.elementor-element{
        max-height: 70vw;
        max-width: 70vw;
        left: -2%;
    }
    .contact-form > .elementor-container{
        padding-top: 25px !important;
    }
}
@media (max-width: 809px) {
    .homepage_top h2.elementor-heading-title {
        font-size: 44px !important;
        line-height: 48px !important;
    }
}
@media (max-width: 649px) {
    #ensure-heading-section .haido.section-title h2, .homepage_top h2.elementor-heading-title{
        font-size: 40px !important;
        line-height: 42px !important;
    }
}
@media (max-width: 599px) {
    .gform_footer.top_label{
        width: max-content;
        max-width: max-content;
        margin-left: inherit;
        margin-right: inherit;
    }
    .section-container .blog-banner-middle{
        width: 100% !important;
    }
    #phone-anim-right > .elementor-widget-wrap {
        max-width: 100vw !important;
        left: -16%;
    }
    #phone-anim-right > .elementor-widget-wrap >.elementor-element{
        max-height: 100vw;
        max-width: 100vw;
    }
    footer .footer-width-fixer form .signup-input-wrap{
        width: auto;
    }
    .footer-signup-input-bg.abs-full.bg-contain{
        left: -3%;
    }
    .footer_main_section > .elementor-container{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .custom_contact_form .hs-submit{
        justify-content: start;
    }
}
@media (max-width: 450px) {
    .footer_subscribe_form input[name="email"]{
        max-width: 100%;
    }
    .footer_subscribe_form{
        width: auto;
    }
    .footer_main_section{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .section-container .blog-banner-middle > .elementor-widget-wrap .elementor-heading-title h3{
        line-height: 34px;
    }
}

@media (max-width: 809px) and (max-height: 699px) {
    .homepage_top h2.elementor-heading-title {
        font-size: 34px !important;
        line-height: 36px !important;
    }
    .zeta.banner-text{
        line-height: 21px;
        font-size: 15px;
    }
}
@keyframes rotatebutton{
    0% {
        -webkit-transform: perspective(1px) scale(1) translate(-2%, 21%) rotate3d(0, 0, 1, 0deg);
        transform: perspective(1px) scale(1) translate(-2%, 21%) rotate3d(0, 0, 1, 0deg);
    }

    20% {
        -webkit-transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
        transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, -1deg);
    }
    65% {
        -webkit-transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 1deg);
        transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 1deg);
    }
    80% {
        -webkit-transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
    100% {
        -webkit-transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
        transform: translate(-2%, 21%) perspective(1px) scale(1) rotate3d(0, 0, 1, 0deg);
    }
}