/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.htmlst
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body, html{
	overflow-x:hidden;
}

.txt-red{
	color: #FF5553 !important;
}

.txt-purple{
	color: #79779A !important;
}

.counter-box:hover .elementor-counter-number-wrapper{
	color:#FF5553 !important;
}

.counter-box:hover .elementor-heading-title{
	text-decoration-line: underline;
	text-underline-offset: 9px;
	text-decoration-thickness: 1px;
}

.rating-wrapper{
	width: auto !important;
	padding: 6px 10px;
}

.our-box-tag .elementor-icon-list-items{
    gap: 10px;
}

.our-box-tag li{
	padding: 10px !important;
	border-radius: 10px;
    background: #EFEFED;
}

.case-study-loop-item .elementor-loop-container > div:nth-of-type(even){
    margin-top: 124px !important;
}

.case-study-loop-item .elementor-loop-container > div:nth-of-type(3) {
    margin-top: -56px !important;
}

.service-box .service-img{
	opacity:0;
	transform: translateX(-100px);
	transition: 0.4s
}

.service-box:hover .service-img{
	opacity:1;
	transform: translateX(0px);
}

/* Hide default checkbox */
.service-form .elementor-field-subgroup .elementor-field-option input[type="checkbox"], .service-form .elementor-field-subgroup .elementor-field-option input[type="radio"] {
  display: none;
}

/* Label = button style */
.service-form .elementor-field-subgroup{
	gap: 16px 0;
}
.service-form .elementor-field-subgroup .elementor-field-option label {
  display: inline-block;
  padding: 14px 22px;
  border: 1.5px solid #1f1e29;
  border-radius: 100px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #aeadbe !important;
  background: #1f1e29;
  transition: all 0.2s ease;
  user-select: none;
}

.service-form input, .service-form textarea{
	box-shadow:unset !important;
}

.service-form.contact-form .elementor-field-subgroup .elementor-field-option label{
	color: #565473 !important;
	background: #fff;
}

/* Hover state */
.service-form .elementor-field-subgroup .elementor-field-option label:hover {
  border-color: #3c3a50;
	background: #3c3a50;
  color: #aeadbe !important;
}

/* Checked = active button */
.service-form .elementor-field-subgroup .elementor-field-option input[type="checkbox"]:checked + label, .service-form .elementor-field-subgroup .elementor-field-option input[type="radio"]:checked + label {
  background: #ff5553;
  color: #fff !important;
  border-color: #ff5553;
}

.service-form label[for="form-field-name"], .service-form label[for="form-field-email"], .service-form label[for="form-field-message"]{
	display:none !important;
}

.faqs details{
	border-bottom: 1px solid #C0C0C0;
}

.faqs .counter{
	color: #79779A;
	font-weight: 400;
	margin-right: 34px;
}

.faqs .e-n-accordion-item-title-text{
	display: flex;
  align-items: start;
}

.faqs .e-n-accordion-item-title-header{
	display: flex;
  align-items: start;
}

.before-after-slider .swiper-slide{
	opacity:0.5;
	transition:0.3s
}

.before-after-slider .swiper-slide.swiper-slide-next{
	opacity:1;
}

/* .testimonial-slider .swiper-slide{
	opacity:0.5;
	transition:0.3s
}

.testimonial-slider .swiper-slide.swiper-slide-duplicate-active, .testimonial-slider .swiper-slide.swiper-slide-active{
	opacity:1;
} */

/* header .elementor-sticky--effects > .e-con-inner{
	padding-top:5px;
	padding-bottom:5px;
	transition:0.3s;
}
 */
.indus-box{
	position:relative;
	overflow:hidden;
	transition: 0.3s all;
}

.indus-link-box{
	position: absolute;
  inset: 0;
	opacity:0;
}

.indus-box:hover .indus-link-box{
	opacity:1;
}

/* INNER PAGE */
.inner-hero-img{
	width: 50% !important;
  bottom: 0;
  top: 0;
}

/* .hero-circle{
	width: 166px;
	height:166px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:51px 28.08px 50px 28.27px;
	border-radius: 176px;
	position:absolute;
	bottom:-40px;
	right: 44%;
	z-index:9;
} */

.hero-circle{
	width: 166px;
	height:166px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:51px 28.08px 50px 28.27px;
	border-radius: 176px;
	position:absolute;
	bottom:-40px;
	left: -60px;
	z-index:9;
}

.inner-faq details{
	border-bottom: 1px solid #fff;
}

.process-box .process-count{
	opacity:0.2;
	transition: 0.3s all
}

.process-box:hover .process-count{
	opacity:1;
}

.process-slider .process-count {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.process-slider .process-count::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #999 50%, transparent 50%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

.process-slider .elementor-swiper-button {
	border-radius: 28px;
	border: 1px solid #FCFDFF;
	background: #FCFDFF;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.20);
	display: flex;
	width: 64px;
	height: 48px;
	padding: 20.8px 0;
	justify-content: center;
	align-items: center;
}

.btm-sec-shadow{
	position: relative;
  overflow: visible;
}

.btm-sec-shadow::before{
		content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 0px;
    pointer-events: none;
    z-index: 99;
    box-shadow: 0px -35px 50px 40px #ffffff;
}

/* Blog css start */
.blog-card .blog-featured-img img{
	aspect-ratio:1.5/1;
	width:100%;
	object-fit:cover;
	transition: 0.6s all;
}

.blog-card:hover .blog-featured-img img{
	transform:scale(1.1);
}
/* Blog css end */

/* case study page start */
.cms-img-box .elementor-image-box-title{
	margin-top:0;
	margin-bottom:0;
}
.cms-img-box .elementor-image-box-content{
	width:80%;
}

.before-after-img {
  overflow: hidden;
  max-height: 360px;
  transition: max-height 0.6s ease !important;
}

.view-before-after-btn .elementor-button-icon svg {
  transition: transform 0.3s ease !important;
}

.view-before-after-btn.is-expanded .elementor-button-icon svg {
  transform: rotate(180deg);
}

@media (max-width: 767px) {
  .before-after-img {
    max-height: 200px;
  }
}

/* case study page css end */

@media (max-width: 1024px) {
	.hero-circle{
		width: 120px;
		height: 120px;
		padding: 24px 10px 24px 10px;
	}
}


@media (max-width: 767px) {
	.counter-box .elementor-counter-title{
		text-align:center;
	}
	.cms-img-box .elementor-image-box-wrapper{
		display: flex;
    align-items: center;
    gap: 24px;
	}
	.cms-img-box .elementor-image-box-img{
		margin-inline: unset !important;
	}
	.process-slider .elementor-swiper-button {
		width: 46px;
		height: 46px;
	}
	.hero-circle{
		position:static;
	}
	.header-btn{
		position: fixed;
    bottom: 9px;
    left: 0;
    right: 0;
    text-align: center;
		z-index: 999;
	}
	.service-box .service-img{
		opacity:1;
		transform: translateX(0px);
	}
	.before-after-slider .swiper-slide{
		opacity:1;
	}
	/*header .elementor-sticky--effects > .e-con-inner{*/
	/*padding-top:8px;*/
	/*padding-bottom:8px;*/
	/*}*/
	.faqs .counter{
		margin-right:12px;
	}
	.logo-card{
		height: 120px !important;
		min-width: 70px !important;
		padding: 40px 40px !important;
	}
	.logo-card img {
		width: 55px !important;
		height: 60px !important;
   }
	.indus-link-box{
		display:none !important;
	}
	/*h1, h2, h1 span{*/
	/*	font-weight:600 !important;*/
	/*}*/
	.inner-hero-img, .inner-hero-slider{
		width: 100% !important;
		position:static !important;
	}
	.testimonial-nme-box .elementor-image-box-wrapper{
		display: flex;
  	align-items: center;
  	flex-direction: row;
  	gap: 10px;
	}
	.case-study-loop-item .elementor-loop-container > div:nth-of-type(even){
    margin-top: 0px !important;
    }
    
    .case-study-loop-item .elementor-loop-container > div:nth-of-type(3) {
        margin-top: 0px !important;
    }
}

@media (min-width: 767px) {
	.hero-content-box{
	padding-left: calc((100vw - 1024px)/2)
	}
	
}

@media (min-width: 1024px) {
	.hero-content-box{
	padding-left: calc((100vw - 1230px)/2)
	}
	
}

@media (min-width: 1367px) {
	.hero-content-box{
	padding-left: calc((100vw - 1440px)/2)
	}
	
}