/*
Theme Name: Deon Child
Theme URI: https://deon.qodeinteractive.com
Description: A child theme of Deon
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: deon
Template: deon
*/

/*** gradient color ***/
.gradient-text, .qodef-mobile-header-opener .qodef-m-icon .qodef-icon-elegant-icons {
    background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%);
    -webkit-background-clip: text; /* For Safari */
    -webkit-text-fill-color: transparent; /* For Safari */
    background-clip: text;
    color: transparent !important; /* Fallback color */
}

/***single blog***/
.single.single-post #qodef-page-inner{padding-top: 0px;}
.single.single-post .qodef-blog-item.qodef-e.post.type-post{margin-bottom: 0px;}
.single.single-post #qodef-page-comments {margin-top: 0px;}

/*** Keep scrolling **/
.qodef-line-navigation-text, .qodef-line-navigation-text.qodef--active{display: none;}

/*** breadcrumb for thank you page **/
.page-id-13957 .qodef-breadcrumbs{display: none;}

/** Header menu **/
.mb-20{margin-bottom: 20px;}
body .qodef-header-navigation>ul>li {
  margin: 0 20px;
}
body #qodef-page-header-inner.qodef-skin--light nav>ul>li>a{
		color: #1B1B1B!important; 
	  letter-spacing: normal;
	  font-size: 14px;
}
body .qodef-header-navigation>ul>li.menu-item-10094,.widget ul:not(.qodef-shortcode-list):not(.wc-block-product-categories-list) li.menu-item-10094{margin: 0 25px 0 40px;}
#qodef-page-header .qodef-widget-holder.qodef--one{margin-left: 0px;}

div#qodef-page-footer-top-area-inner .qodef-grid.qodef-layout--columns.qodef-responsive--custom.qodef-col-num--2.qodef-col-num--680--1.qodef-col-num--480--1.qodef-alignment--left {
    padding-right: 30px;
}

body #qodef-page-header-inner {
 padding-left: 105px;
 padding-right: 30px;
}
.qodef-header-navigation ul li.menu-item-10094{background: linear-gradient(90deg, rgba(9,169,248,1) 0%, rgba(78,122,241,1) 35%, rgba(97,99,239,1) 75%, rgba(167,133,219,1) 100%);
padding: 8px 20px; border-radius: 5px;}
body ul>li.menu-item-10094>a{
	  font-family: 'Archivo';
    font-size: 20px;
	  color: #fff;     
    font-weight: bold;
    line-height: 27px;
    letter-spacing: normal;}
body ul>li.menu-item-10094>a:hover{color: #fff!important;}
.qodef-header-navigation> ul > li > a{letter-spacing: normal; font-size: 14px;}
@media (min-width: 1024px) and (max-width: 1530px){
body.qodef-header--standard #qodef-page-header{height: 70px;}
.qodef-header--standard #qodef-page-header-inner {flex-wrap: wrap;}
#qodef-page-header .qodef-widget-holder.qodef--one{	
	  flex: 1 1 100%;
	  justify-content: center;
}
body .testimonial-banner>.e-con-inner{ width: 100%; max-width: 86%; padding-top: 80px;}
}
/** End header menu **/
.menu-img-mbl{display: none;}
.qodef-header-navigation>ul>li.global-partner>a{height: 69px;}
.ml-10{margin-left: 10px;}
#qodef-back-to-top{display: none;}/** Back to Top **/
@media (min-width: 1531px) and (max-width: 1620px) {
	.veteran-owned-business{max-width: 180px;}
	body ul>li.menu-item.menu-item-10094>a {font-size: 16px;}
	body .qodef-header-navigation>ul>li.menu-item.menu-item-10094, 
	.widget ul:not(.qodef-shortcode-list):not(.wc-block-product-categories-list) li.menu-item.menu-item-10094 {margin: 0 25px 0 20px;}
	body .qodef-header-navigation>ul>li.menu-item {margin: 0 10px;}
    img.phone-logo{width: 18px!important;}
    .qodef-header-navigation ul li.menu-item.menu-item-10094 {padding: 10px 25px 10px 20px;}
}
@media (max-width: 1024px){
	body ul>li.menu-item.menu-item-10094>a {font-size: 16px;}
	img.phone-logo{width: 16px!important;}
    .menu-img-mbl{display: block;}
    .page-id-3017 #qodef-page-outer #qodef-page-inner{padding: 0;}
    body .testimonial-banner>.e-con-inner{ padding-top: 40px;}
}
@media (max-width: 767px){
	#qodef-back-to-top{display: block;}
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10094, 
	.widget ul:not(.qodef-shortcode-list):not(.wc-block-product-categories-list) li.menu-item-10094 {margin: 0 10px;}
	#qodef-page-mobile-header .qodef-header-navigation ul li.menu-item-10094 {padding: 4px 20px;}
}
@media (max-width: 674px){
	#qodef-page-mobile-header .qodef-widget-holder.qodef--one .qodef-header-navigation ul{display: block; padding: 8px 0px;}
	body #qodef-page-mobile-header{height: auto;}
	#qodef-page-mobile-header .qodef-header-navigation>ul>li.global-partner>a {height: 30px;}
    #qodef-page-mobile-header-inner>.qodef-widget-holder.qodef--one{justify-content: space-between;}
	#qodef-page-mobile-header-inner{flex-wrap: wrap;}
	#qodef-page-mobile-header .qodef-widget-holder.qodef--one{order: 3 !important; flex: 1 1 100%;}
	#qodef-page-mobile-header .qodef-widget-holder.qodef--one .qodef-header-navigation ul{display: flex;}
	#qodef-page-mobile-header .qodef-widget-holder #block-109.widget, 
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10094 {margin: 0;}
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10101{margin-left: 25px;}
}
@media (max-width: 534px){
	#qodef-page-mobile-header-inner{flex-wrap: wrap;}
	#qodef-page-mobile-header .qodef-widget-holder.qodef--one{order: 3 !important; flex: 1 1 100%;}
	#qodef-page-mobile-header .qodef-widget-holder.qodef--one .qodef-header-navigation ul{display: flex;}
	#qodef-page-mobile-header .qodef-widget-holder #block-109.widget, 
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10094 {margin: 0;}
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10101{margin-left: 25px;}
}
@media (max-width: 464px){
	body #qodef-page-mobile-header-inner{padding: 15px;}
	body #qodef-page-mobile-header .qodef-header-navigation>ul>li.menu-item-10101{margin-left: 15px;}
}
@media (max-width: 424px){
	    .menu-item img.phone-logo {width: 14px !important; margin-right: 5px!important;}
	    body #qodef-page-mobile-header ul>li.menu-item.menu-item-10094>a {font-size: 14px; line-height: 20px;}
	    body #qodef-page-mobile-header .qodef-header-navigation ul li.menu-item-10094 {padding: 4px 8px;}
	    #qodef-page-mobile-header .qodef-header-navigation> ul > li > a {font-size: 12px;}

}
@media (max-width: 380px){#qodef-page-mobile-header-inner>.qodef-widget-holder.qodef--one>.widget_media_image{max-width: 50%;}}
/** banner **/

#rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap{
	width: 100%!important;
	max-width: 1300px!important;
	left: 0px!important;
	margin: auto;
}
#rev_slider_4_1_wrapper .rs-parallax-wrap{left: 0px!important;}
.banner-btn .qodef-button.qodef-layout--outlined.qodef-skin--light{font-size: 20px; Letter-spacing: 0.1rem;
border-color: transparent;}
#rev_slider_4_1_wrapper .rs-parallax-wrap.main-title {left: -3px!important;}
.qodef-line-navigation-text{color: #1B1B1B!important;}
.floating-form form label{margin-bottom: 20px;
}
.floating-form form label input[type=email], .floating-form form label input[type=text], 
.floating-form form label textarea{
border-image-source: none!important;
padding: 17px 20px;
}
.floating-form form{position: relative;}
.floating-form form::after {
  content: "";
  position: absolute;
  display: block;
  width: 95px;
  height: 100px;
  background-image: url('/wp-content/uploads/2024/10/Group-493.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 15px;
  top: 60px;
  right: -130px;
  animation: uicoreFloat 1s ease infinite alternate !important;
}
@keyframes uicoreFloat {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px); /* Adjust for more or less float */
  }
}
.floating-form form h3{
	font-family: 'Archivo';
	position: relative;
    display: inline-flex;
    align-items: center;
    padding-right: 60px;
    margin-bottom: 24px;
    background: linear-gradient(70deg, #57b8e0, #5762e2, #be8ec6);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    min-height: 48px;
    color: #fff;
    line-height: 40px;
    font-size: 30px;
    font-weight: 800;
    }
.floating-form form h3:before{
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 25px;
    background-color: #57b8e0;
    left: -24px;
}
.floating-form form button.qodef-button.qodef-layout--outlined{
	background: linear-gradient(70deg, #57b8e0, #5762e2, #be8ec6);
	border-radius: 10px;
	border-image-source: none!important;
	border: none;
	color: #fff;
	font-size: 20px;
	font-family: 'Archivo';
	font-weight: 800;
	letter-spacing: normal;
	width: 100%;
	text-align: center;
}
.floating-form form button.qodef-button.qodef-layout--outlined span{margin: auto;}
.floating-form form h3 img{margin-right: 15px;}
body .floating-form>.elementor-widget-wrap{padding: 0px!important; box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1), 0px 10px 15px rgba(0, 0, 0, 0.05);}
.floating-form form label input[type=radio]{margin-right: 5px;}
.floating-form form span[data-name="your-choice"]{margin-top: 10px;}
.floating-form-section>.elementor-container.elementor-column-gap-default{margin: 0; float: right;}
.footer-floating-form .contact {   
	font-family: "Archivo", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #1B1B1B;     
    margin-bottom: 20px;}
body .floating-form {
    position: fixed!important;
    bottom: 20vh;
    right: 0!important;
    z-index: 9999;
    width: auto!important;
    padding: 20px;
    right: 10%!important;
}
body .floating-form-section{
 	padding-top: 250px!important;
 	margin-top: 0!important;
    transition: padding 0.4s ease-out, opacity 0.3s 0.3s ease-out;
    opacity: 1;
    right: 0;
    position: fixed;
    bottom: 200px;
    width: 40%!important; 
    z-index: 9999;
}
.floating-form-section>.elementor-container{position: absolute; right: 0; padding-left: 58px;}
#qodef-page-outer>#qodef-page-inner{width: 100%!important;}
/** form error **/
.wpcf7-form.invalid .wpcf7-response-output{display: none;}
.wpcf7-response-output{display: none;}

  .logo-inner-section>.elementor-container{align-items: center;}
  .logo-inner-section>.elementor-container>.elementor-column>.elementor-widget-wrap{padding: 0px}
  .logo-inner-section-1>.elementor-container{gap: 60px; width: auto;}
  .logo-inner-section-2>.elementor-container{gap: 80px; width: auto;}
  .logo-inner-section-3>.elementor-container{gap: 120px; width: auto;}
  .logo-inner-section>.elementor-container>.elementor-column{padding: 10px 0;}

section.logo-section>.qodef-parallax-row-holder,
section.call-us-section>.qodef-parallax-row-holder{display: none; height: 0px;}
section.logo-section .elementor-container .elementor-column{max-width: 1005px!important;}
section.call-us-section .elementor-container{margin: 0;}
section.call-us-section>.elementor-container>.elementor-column{max-width: 1005px!important;}
.elementor-column.call-cls-one{width: 72%!important;}
.elementor-column.call-cls-two{width: 28%!important; text-align: center;}
.banner-btn .qodef-button.qodef-layout--outlined.qodef-skin--light:hover {background: linear-gradient(90deg, rgba(9,169,248,1) 0%, rgba(78,122,241,1) 35%, rgba(97,99,239,1) 75%, rgba(167,133,219,1) 100%);}
body .call-us-section h2{font-size: 60px!important;}
body .call-us-section p{font-family: 'Heebo'; font-size: 24px!important; line-height: 40px;}
.class-us-inner>.elementor-container{width: auto!important; margin-right: auto!important;}

.ul-ul-li .elementor-widget-container ul > li > ul > li:before { display: none; }

.ul-ul-li .elementor-widget-container > ul > li:before { margin-right: 20px; width: 5px; height: 5px; }

.hours-in-sticky { position: relative; left: 80px; text-align: center; color: #A349A3; font-weight: 700; }
/* body.home #price-sticky { display: none; } */
#price-sticky {
  font-family: "Heebo", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  font-style: italic;
  line-height: normal;
  letter-spacing: 0.7px;
  color: #FFFFFF;
  padding: 6px 15px;
  text-align:center;
  transition: all 0.2s ease;
  background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%);
  position: sticky;
  top: 0;
  z-index: 2;
}

#qodef-page-wrapper {
  overflow: unset;
}
/* @media (min-width: 1531px) {
  .elementor-element-9af98e3 {
    margin-top: -54px;
  }
} */
/* .is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
body.home #price-sticky.is-fixed { display: block; } */

/* @media (min-width:1025px )and (max-width: 1530px) {
  .elementor-element-9af98e3 {
    margin-top: -104px;
  }
} */
@media (min-width: 1025px) {
  .home-slider { margin-top: -37px; }
}
@media (min-width: 1531px) {
  .home-slider { margin-top: -51px; }
}
@media (min-height:790px )and (max-height: 830px) {
  body .floating-form form label{
       margin-bottom: 10px;
  }
}
@media (max-width: 1804px) {
body .floating-form {right: 5% !important;}
}
@media only screen and (max-width: 1630px) {}


/*** Call Us ***/

section.call-us-section{position: relative;}
section.call-us-section::before{content: ''; position: absolute; width: 100%; height: 100%; 
	background-image: url('/wp-content/uploads/2024/11/Rectangle-222-1.png');
    background-repeat: no-repeat;
    background-size: 1225px 100%;
}
section.call-us-section.lrn-mre-section::before{background-image: url('/wp-content/uploads/2024/10/Rectangle-223.png');}

@media only screen and (max-width: 1767px){
section.call-us-section::before{	
    background-size: 1125px 100%;
}
}
@media only screen and (max-width: 1665px){
section.call-us-section::before{	
    background-size: 1100px 100%;
}
}
@media only screen and (max-width: 1630px){
section.call-us-section::before{	
    background-size: 1080px 100%;
}
}

/*** Testimonial ***/
.e-con.e-grid.grid-testimonial-sec>.e-con-inner{grid-template-columns: 70% 30%;}
.e-con.e-grid.grid-testimonial-sec{
    background-size: 100% 100%!important;
}
.cus-name>.e-con-inner{border: 2px solid #D8D8D8; border-radius: 10px;}
.cus-name>.e-con-inner{position: relative;}
.cus-name>.e-con-inner::after{
  content: "";
  position: absolute;
  display: block;
  width: 37px;
  height: 16px;
  background-image: url('/wp-content/uploads/2024/11/Path-588.png');
  background-size: contain;
  background-repeat: no-repeat;
  top: 100%;
  left: 48%;
}
section.testimonial-main-sec>.elementor-container>.elementor-column{position: relative;}
section.testimonial-main-sec>.elementor-container>.elementor-column::before{
  content: "";
  position: absolute;
  display: block;
  width: 184px;
  height: 150px;
  background-image: url('/wp-content/uploads/2024/11/it-solution-testi-shape1.png');
  background-repeat: no-repeat;
  bottom: 50px;
  right: 20px;
}
section.testimonial-main-sec>.elementor-container>.elementor-column::after{
  content: "";
  position: absolute;
  display: block;
  width: 184px;
  height: 150px;
  background-image: url('/wp-content/uploads/2024/11/it-solution-testi-shape2.png');
  background-repeat: no-repeat;
  top: 50px;
  left: 20px;
}  
section.testimonial-main-sec .slick-prev, .slick-next {top: 70px!important; margin-top: 0px!important;}
section.testimonial-main-sec .slick-next {right: 10%; left: unset;}
section.testimonial-main-sec .slick-prev {left: 16%;}

/*** Payment page ***/
.e-con.e-grid.payment-grid{grid-template-columns: 32% 68%;}
.payment-grid .day {width: 145px;padding-left: 30px;}

/*** Responsive screen width **/
@media only screen and (min-width: 1580px) {	
	#rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap, 
	body.qodef-content-grid-1300 section.footer-floating-form.qodef-elementor-content-grid>.elementor-container, section.logo-section>.elementor-container,
	section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container{
		width: 100%!important;
	    max-width: 1480px!important;
	    margin: auto!important;
	}
	.logo-inner-section>.elementor-container, .class-us-inner>.elementor-container{width: auto!important; margin-right: auto!important;}
}

@media only screen and (max-width: 1581px) {
	section.logo-section>.elementor-container, 
	section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container{
		width: 100%!important;
	    max-width: 1380px!important;
	    margin: auto!important;
	}
	section.logo-section>.elementor-container>.elementor-column, 
	section.call-us-section > .elementor-container > .elementor-column{max-width: 850px!important;}
	.logo-inner-section>.elementor-container{width: auto!important;}
	.elementor-section.footer-floating-form{ right: 46%;}
	.logo-inner-section-1>.elementor-container{gap: 30px; width: auto;}
  	.logo-inner-section-2>.elementor-container{gap: 40px; width: auto;}
  	.logo-inner-section-3>.elementor-container{gap: 60px; width: auto;}
  	section.call-us-section::before{background-size: 980px 100%;}
}
@media (min-width: 1024px) and (max-width: 1530px) {
  body.qodef-header--standard #qodef-page-header { height: auto !important; }
}
@media only screen and (max-width: 1500px) {.elementor-section.footer-floating-form{ right: 44%;} 
	section.call-us-section::before{background-size: 880px 100%;}
}
@media only screen and (max-width: 1446px) {
	section.logo-section>.elementor-container, 
	section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container{
		width: 100%!important;
	    max-width: 1280px!important;
	    margin: auto!important;
	}
	section.logo-section>.elementor-container>.elementor-column, section.call-us-section > .elementor-container > .elementor-column{max-width: 750px!important;}
	.elementor-section.footer-floating-form{ right: 46%;}
	section.call-us-section::before{background-size: 840px 100%;}
}
@media only screen and (min-width: 1441px) {
	body .logo-inner-section>.elementor-container{width: auto!important;}
	
}
@media only screen and (max-width: 1441px) {.elementor-section.footer-floating-form{ right: 35%;}}
@media only screen and (max-width: 1419px) {.elementor-section.footer-floating-form{ right: 38%;}}
@media only screen and (max-width: 1370px) {
	section.logo-section>.elementor-container, section.dev-hrs-sec>.elementor-container{
		width: 100%!important;
	    max-width: 1250px!important;
	}
	section.call-us-section::before{background-size: 820px 100%;}
.elementor-section.footer-floating-form{ right: 40%;}
}
@media only screen and (max-width: 1320px) {
		section.logo-section>.elementor-container,
		section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container{
		width: 100%!important;
	    max-width: 1220px!important;
	    margin: auto!important;
	}
	section.logo-section>.elementor-container>.elementor-column, section.call-us-section > .elementor-container > .elementor-column {max-width: 720px!important;}
	.elementor-section.footer-floating-form{ right: 42%;}
	section.call-us-section::before{background-size: 800px 100%;}
}
	@media only screen and (max-width: 1300px) {
		#rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap, section.logo-section>.elementor-container{
		width: 100%!important;
	    max-width: 1220px!important;
	}
	body section.floating-form-section {
		padding-top: 0!important;
		position: relative;
		padding-bottom: 0!important;
	}
	body .elementor-section.footer-floating-form {position: relative;}
	section.call-us-section::before{background-size: 780px 100%;}
}
	@media only screen and (max-width: 1200px) {
		#rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap, {
		width: 100%!important;
	    max-width: 960px!important;
	}
}
@media only screen and (max-width: 1280px) {
	section.call-us-section::before{background-size: 760px 100%;}
	section.call-us-section::before{background-size: 90% 100%;}
	body .elementor-column.floating-form {
		position: relative!important;
		bottom: 0!important;
		width: 80% !important;
		margin: auto;
	}
	body .floating-form-section{
 	position: relative!important;
 	width: 100% !important;
 	bottom: 0px!important;
  }
  .elementor-section.footer-floating-form {
    right: unset!important;
  }
  .floating-form-section > .elementor-container.elementor-column-gap-default {float: unset!important; width:100%; max-width: 80%!important; margin: auto;}
section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
    #rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap{
		width: 100%!important;
	    max-width: 80%!important;
	    margin: auto!important;
	}
	.floating-form-section > .elementor-container.elementor-column-gap-default {max-width: 100%!important;}
}
@media only screen and (max-width: 1024px) {
	.e-con.e-grid.grid-testimonial-sec>.e-con-inner{display: block;}
    #rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap {
	    max-width: 86%!important;
    }
    section.footer-floating-form{ margin-top: 50px;}
    .floating-form-section > .elementor-container {padding-left: 0px;}
    section.footer-floating-form > .elementor-container{
        width: 100%!important;
    }
    section.testimonial-main-sec .slick-next {right: 4%; top: 5%;}
}
@media only screen and (max-width: 800px) {
    #rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap, section.footer-floating-form > .elementor-container{
        width: 100%!important;
        max-width: 86%!important;
    }
    .floating-form-section > .elementor-container.elementor-column-gap-default {max-width: 100%!important;}
    body .floating-form-section > .elementor-container {padding-left: 0px;}
}
@media only screen and (max-width: 767px) {
	.testimonial .elementor-element.e-grid.e-con-full.e-transform{--e-con-grid-template-columns: 100% 100%; display: block;}
	body .call-us-section h2{font-size: 40px!important;}
    body .call-us-section p{font-size: 18px!important; line-height: 30px;}
    body .elementor-column.floating-form {width: 95% !important;}
    .floating-form form::after {background-size: 65%; right: -110px;} 
    body .exp-ten-para-col {padding-bottom: 0px !important;}
    body .exp-ten-para-col h2.cst-tl {max-width: 100%;}
    body .exp-ten-para, body .exp-ten-para-col {max-width: 100%; margin-bottom: 30px;}
    .logo-inner-section>.elementor-container>.elementor-column .slick-track{display: flex; align-items: center; justify-content: center;}
    .logo-inner-section .elementor-col-100 .elementor-widget-wrap.elementor-element-populated .elementor-element {padding: 0 15px !important; margin: 0 !important; justify-content: center;}
    .logo-inner-section>.elementor-container>.elementor-column .slick-list{margin-bottom: 50px;}
    section.testimonial-main-sec .slick-prev {left: 10%;}
    section.testimonial-main-sec .slick-prev, .slick-next {top: 50px!important;}
    .e-con.e-grid.payment-grid{display: block;}
}
@media only screen and (max-width: 510px) {
    body .floating-form {right: 7%!important;}
    body .elementor-column.floating-form {margin: 0;}
}
@media only screen and (max-width: 580px) {    
	section.footer-floating-form > .elementor-container {width: 95% !important;}
}
@media only screen and (max-width: 480px){
	.floating-form form::after {content: none;}  
	body .floating-form {right: 0%!important;}
    section.footer-floating-form > .elementor-container {width: 100% !important;}
    .floating-form form button.qodef-button.qodef-layout--outlined {font-size: 16px;}
  }

 /** Banner Slider **/
 @media (max-height: 866px) { /* Replace 800px with your preferred max height */
  body .floating-form {bottom: 14vh!important;}
}
@media (min-width: 1280px) and (max-width: 1530px){body .floating-form {bottom: 8vh!important;}}
@media (max-width: 880px) {.banner-row{top: 40px!important;} }
@media (max-width: 777px) {.banner-row{top: 80px!important;} }
@media (max-width: 608px) {.banner-row{top: 20px!important;} }
@media (max-width: 560px) {.banner-row{top: 0px!important;} }
@media (min-width: 1621px) and (max-width: 1744px) {
	body .qodef-header-navigation>ul>li.menu-item.menu-item-10094, .widget ul:not(.qodef-shortcode-list):not(.wc-block-product-categories-list) li.menu-item.menu-item-10094 {margin: 0 25px 0 30px; padding: 8px 30px 8px 15px;}
}

@media (min-width: 1281px) and (max-width: 1301px) {
.sub-title>rs-layer{font-size: 27px!important;}
}
@media (min-width: 1300px) and (max-width: 1534px) {
 	.sub-title>rs-layer{font-size: 28px!important;}
 }
@media (min-width: 1024px) and (max-width: 1199px) {
	.main-title>rs-layer{line-height: 0px!important;}
	.sub-title{top: 230px!important;}
	.web-mobile-ai{top: 260px!important;}
	.banner-button{top: 0px!important;}
}
@media (min-width: 1100px) and (max-width: 1199px) {
	.main-title{top: 40px!important;}
}
@media (min-width: 1024px) and (max-width: 1099px) {
	.main-title{top: 0px!important;}
}
@media (min-width: 778px) and (max-width: 1023px) {
.main-title>rs-layer{line-height: 0!important;}
.main-title h1{font-size: 50px; line-height: 50px;}
.sub-title{top: 150px!important;}
.web-mobile-ai h2{font-size: 40px!important; margin:0!important;}
.banner-button{top: 300px !important;}
.banner-button>rs-layer{top: 0px!important;}

}
@media (min-width: 713px) and (max-width: 777px) {.web-mobile-ai h2{font-size: 40px!important;}}
@media (min-width: 680px) and (max-width: 714px) {.web-mobile-ai h2{font-size: 38px!important;}}
@media (min-width: 644px) and (max-width: 681px) {.web-mobile-ai h2{font-size: 36px!important;}}
@media (min-width: 609px) and (max-width: 645px) {.web-mobile-ai h2{font-size: 34px!important;}}
@media (min-width: 601px) and (max-width: 608px) {body .web-mobile-ai h2{font-size: 41px!important;}}
@media (min-width: 521px) and (max-width: 608px) {.enterprise-hide{display: none;} }
@media (min-width: 481px) and (max-width: 520px) {.ai-hide{display: none;}}
@media (min-width: 518px) and (max-width: 520px) {body .web-mobile-ai h2{font-size: 32px!important;}}
@media (min-width: 401px) and (max-width: 467px) {.ai-hide{display: none;}}
@media (min-width: 452px) and (max-width: 467px) {body .web-mobile-ai h2{font-size: 32px!important;}}
@media (min-width: 681px) and (max-width: 777px) {
	.main-title h1{font-size: 50px; line-height: 50px;}
    .sub-title{top: 140px!important;}
	.banner-button>rs-layer{top: 240px!important;}

}

@media (min-width: 519px) and (max-width: 680px) {
	.banner-button>rs-layer{top: 240px!important;}
    .sub-title{top: 130px!important;}
}
@media (min-width: 521px) and (max-width: 608px) {.banner-button>rs-layer{top: 280px!important;}}
@media (max-width: 580px) {.sub-title>rs-layer{font-size: 16px!important;}}
@media (max-width: 520px) {
	.banner-button>rs-layer{top: 220px!important;}
	.banner-button>rs-layer a{font-size: 16px!important; padding: 17px 35px 15px 35px!important;}
    .sub-title{top: 115px!important;}
    .sub-title>rs-layer{font-size: 14px!important;}
    .main-title>rs-layer{line-height: 0px!important;}
    .main-title>rs-layer h1{font-size: 40px!important;}
    .web-mobile-ai{top: 120px!important;}
    .web-mobile-ai h2{font-size: 30px!important; line-height: 30px!important;}
}
@media (max-width: 479px) {
    .sub-title{top: 90px!important;}
    .web-mobile-ai{top: 100px!important;}
    .banner-button>rs-layer.banner-btn{top: 170px!important;}
    .banner-row{top: 80px!important;}
}
@media (max-width: 467px) {.banner-button>rs-layer.banner-btn{top: 200px!important;}}
@media (max-width: 424px) {.web-mobile-ai h2{font-size: 29px!important;}}
@media (max-width: 420px){.banner-row{top: 40px!important;}}
@media (max-width: 407px){.banner-row{top: 40px!important;} .web-mobile-ai{top: 110px!important;} .banner-button>rs-layer.banner-btn{top: 205px!important;}}
@media (max-width: 400px) {.enterprise-hide{display: none;} .web-mobile-ai h2{font-size: 31px!important;}}
@media (max-width: 389px){
	.sub-title{top: 110px!important;}
    .web-mobile-ai{top: 120px!important;}
}



/*** custom css **/
@media only screen and (max-width: 1280px) {
	body section.elementor-section.who-we-are-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
	body section.elementor-section.dev-hrs-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
	section.logo-section>.elementor-container, 
	body section.our-best-design-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*=qodef-extended-grid-disabled--])>.elementor-container.elementor-column-gap-default
    {
		width: 100%!important;
		max-width: 80% !important;
		padding-left: 0 !important;
	}
	body .dev-hrs-sec .elementor-column.elementor-col-100 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    margin: auto;
  }
  section.qodef-elementor-content-grid.tru-logo > .elementor-container
    {
		width: 100%!important;
		max-width: 100% !important;
		padding-left: 0 !important;
	}
}
@media only screen and (max-width: 1024px) {
	body section.elementor-section.who-we-are-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
	section.logo-section>.elementor-container,
	section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
	section.qodef-elementor-content-grid.call-us-section > .elementor-container,
	body section.our-best-design-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*=qodef-extended-grid-disabled--])>.elementor-container.elementor-column-gap-default
    {
		width: 100%!important;
		max-width: 86% !important;
		padding-left: 0 !important;
	}
	body .who-we-are-sec .elementor-container.elementor-column-gap-default .Aff-soft-cont>.elementor-widget-container{padding: 0px !important;}
	body .who-we-are-sec .elementor-container.elementor-column-gap-default .Aff-soft-cont {
    max-width: 100% !important;
    padding-left: 0 !important;
  }
  body .who-we-are-sec .elementor-container.elementor-column-gap-default {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
  }
  	body section.elementor-section.dev-hrs-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container {
		max-width: 86% !important;
	}

}
@media only screen and (max-width:910px){
	body .inc-tal-pri {
    max-width: 350px;
    height: 350px;
  }
  body .scala p {
    font-size: 34px !important;
    margin-bottom: 30px !important;
  }
  body .rece-pa {
    font-size: 34px!important;
    margin-bottom: 40px!important;
  }
  body .hrs2-pa{margin-top: 30px;}
  body .hrs-pa, body .hrs2-pa{font-size: 70px!important; margin-bottom: 30px!important;}
  body .cli-rnd-ov .oval {
    width: 350px;
    height: 350px;
  }
}
@media only screen and (max-width: 853px){
	section.cli-rece-cont>.elementor-container{display: block;}
	body .cli-rece-txt .elementor-widget-container h2, body .cli-rnd-ov {
    max-width: 100%;
  }
  body .scala .qodef-m-section-text p {
    text-align: center;
    padding-left: 0px;
  }
   body .cli-rece-txt {
    max-width: 604px;
  }
   section.cli-rece-cont.comit-scala>.elementor-container>.elementor-column {width: 100%!important;}
   body .hrs2-pa{margin-top: 40px;}
   body .hig-sca-txt {
    max-width: 100%;
  }
  section.cli-rece-cont>.elementor-container{width: 100%!important;}
}
@media only screen and (max-width:680px){
	body section.elementor-section.who-we-are-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
body section.elementor-section.dev-hrs-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container, section.logo-section>.elementor-container,
{
		max-width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
}
body .cli-rece-txt {max-width: 604px;}
  body .rece-pa{font-size: 30px!important;}
  body .hrs-pa, body .hrs2-pa{font-size: 50px!important;}
  body .grid-testimonial-sec .container-cus-width>.e-con-inner{width: 100%; max-width: 100%;}
  section.testimonial-main-sec .slick-prev {left: 4%;}
  section.testimonial-main-sec .slick-next {right: -4%;}

}
@media only screen and (max-width: 480px) {
    body section.call-us-section.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
    section.logo-section>.elementor-container,
     body section.elementor-section.dev-hrs-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container,
     body section.elementor-section.who-we-are-sec.qodef-elementor-content-grid.qodef-extended-grid:not([class*="qodef-extended-grid-disabled--"]) > .elementor-container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    section.call-us-section::before {
        background-size: 100% 100%;
    }
    body .call-us-section h2, .logo-section .elementor-col-100 h2, body .exp-tl h2 {
        font-size: 34px !important;
        line-height: 30px !important;
        letter-spacing: normal !important;
    }
    .qodef-circle-button svg {
        width: 60px; /* Example smaller size */
        height: 60px;
    }
    body h2.cst-tl {font-size: 24px; line-height: 24px;}
    body span.ex-numb {font-size: 40px; line-height: 40px;}
    body p.cst-pr {padding-left: 62px;}
    body .exp-ten-sec .elementor-column.elementor-col-100 {padding: 0 15px!important;}
    /*** Banner ***/
    #slider-4-slide-18-layer-0{width: 100%!important; line-height: 0px!important;}
    .rs-parallax-wrap.main-title{max-width: 100%!important; min-width: 100%!important;}
    #rev_slider_4_1_wrapper rs-row-wrap.rs-parallax-wrap{max-width: 100%!important; padding: 0 15px!important;}
	.rs-parallax-wrap .web-mobile-ai{max-width: 100%!important; min-width: 100%!important;}
	.banner-button>rs-layer{top: 190px!important;}
	.main-title h1{font-size: 45px; line-height: 35px;}
	.web-mobile-ai h2 {font-size: 32px; line-height: 30px; }
	body .banner-btn .qodef-button.qodef-layout--outlined.qodef-skin--light {font-size: 16px; padding: 10px 18px 10px 18px;}
    .rs-parallax-wrap .web-mobile-ai #slider-4-slide-18-layer-3{width: 100%!important;}
    body .exp-ten-para, body .exp-ten-para-col {max-width: 100%; margin-bottom: 20px;}
    body .cli-rece-txt .elementor-widget-container h2 {font-size: 35px !important;}
    .sign-up-txt p a{position: absolute;}
    body .sign-up-txt p a::after{width: 100%;}
    body .sign-up-txt p{font-size: 22px!important;}
    .rece-tl>.elementor-widget-container{padding-top: 24px; margin:0!important;}
    .rece-tl>.elementor-widget-container>h2{font-size: 22px!important; line-height: 28px!important;}
    .hig-sca-txt .elementor-element h2, .yr-sat-txt .elementor-element h2{font-size: 30px!important; line-height: 28px!important;}
    body .inc-tal-pri {max-width: 300px;height: 300px;}
    body .scala p {font-size: 30px !important;margin-bottom: 22px !important;}
    body .cli-rnd-ov .oval {width: 300px;height: 300px;}
    body .hrs-pa, body .hrs2-pa {font-size: 40px !important;}
    body .rece-pa {font-size: 26px !important;}
    body .we-are-img .elementor-widget-container{padding: 0!important}
    .elementor-element.elementor-element-249c2ee{display: none;}
    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {padding: 0px !important;}
    .hig-para>.elementor-widget-container{padding: 0px!important;}
    .Aff-tl>.elementor-widget-container>h2{font-size: 34px!important;}
    body #qodef-page-mobile-header  .global-partner>.qodef-drop-down-second.qodef-drop-down--start>.qodef-drop-down-second-inner>ul.sub-menu{display: block;}
    section.testimonial-main-sec .slick-next {right: -7%;}
    #price-sticky { font-size: 23px; }
}
@media only screen and (max-width: 437px) {section.testimonial-main-sec .slick-next {right: -8%;}}
@media only screen and (max-width: 375px) {
	section.testimonial-main-sec .slick-next {right: -10%;}
    .main-title h1 {
        font-size: 35px;
    }
    .sub-title{top: 110px!important;}
    .rs-parallax-wrap .web-mobile-ai{top: 120px!important;}
    .banner-button>rs-layer a {padding: 10px 30px 10px 30px !important;}
}
/*** slick slider ***/
.slick-prev, .slick-next {
    position: absolute;
    top: 50%; /* Align vertically center */
    transform: translate(-50%, -50%); /* Align horizontally and vertically */
    padding: 10px;
    z-index: 1;
}

.slick-prev {
    left: 50%; /* Center horizontally */
    margin-right: 20px; /* Space between the two buttons */
    margin-top: 40px;
}

.slick-next {
    left: 55%;
    margin-left: 20px; /* Space between the two buttons */
    margin-top: 40px;
}
button.slick-arrow{border: 0; background: transparent;}
.dev-img{height: 100%;}
.elementor .dev-img img{height: 100%; object-fit: cover;}
.testimonial .elementor-element.e-grid.e-con-full.e-transform{--e-con-grid-template-columns: 70% 30%;}
.floating-button>.e-con-inner>.elementor-element>.elementor-widget-container{position: fixed; left:0px; top: 32%;}
.floating-button>.e-con-inner>.elementor-element>.elementor-widget-container a{transform: rotate(90deg);
    transform-origin: 11px; display: inline-block; padding: 6px 45px 6px 45px;}
.floating-button>.e-con-inner>.elementor-element>.elementor-widget-container a:hover{
	background: linear-gradient(45deg, #53b4dd 0, #719ded 29%, #6c6cc7 50%, #977fdf 73%, #dfc2e3 100%);
	color: #fff;
}

.contact-text.pt a { background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.contact-text.pt a:after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%); }

body .qodef-header-navigation.mobile-screen .global-partner .sub-menu{display: block!important;}
body .qodef-header-navigation.mobile-screen .global-partner ul.sub-menu li a{justify-content: flex-start;}
.global-partner-mobile{display: none;}
#rev_slider_4_1_wrapper{background-image: none !important;
    background-color: transparent !important; height: 100%!important;}


/* navigation */
nav.qodef-header-navigation ul#menu-main-menu-1 li ul.sub-menu {
  padding: 15px 0;
}
nav.qodef-header-navigation ul#menu-main-menu-1 li ul.sub-menu li a {
  font-family: Archivo, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #1B1B1B;
  letter-spacing: normal;
  font-size: 14px;
}
.qodef-mobile-header-navigation>ul>li ul li a {
    font-family: Archivo, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #1b1b1b;
    font-weight: 600;
    margin: 0;
}
.qodef-404-text a {
  background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
}
.qodef-404-text a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 0px;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(9, 169, 248, 1) 0%, rgba(78, 122, 241, 1) 35%, rgba(97, 99, 239, 1) 75%, rgba(167, 133, 219, 1) 100%);
}
.skills-title::before{display: none !important;}
li.skills-title {
    margin-left: -16px;
    font-size: 25px;
    text-decoration: underline;
    font-weight: 600;
    margin-bottom: 10px !important;
}
.skills-title.ec{
  padding-top: 10px;
}

/* Button with loader styles */
.ct-btn:disabled {
  background: gray !important;
}
.ct-btn:disabled:hover, .ct-btn:disabled > .qodef-m-text:hover {
  cursor: not-allowed !important;
}
.button-loading {
    position: relative;
    color: transparent !important;
}

.button-loading::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: button-spin 1s ease-in-out infinite;
}

/* Dark loader for light buttons */
.wpcf7-submit.button-loading::after,
input[type="submit"].button-loading::after {
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-top-color: #fff;
}

/* Button disabled state */
.wpcf7-submit.disabled,
.wpcf7-submit:disabled,
input[type="submit"].disabled,
input[type="submit"]:disabled,
button[type="submit"].disabled,
button[type="submit"]:disabled {
    opacity: 0.8 !important;
    cursor: not-allowed !important;
}

/* Spinner animation */
@keyframes button-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}