/*
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.4.5.1766460357
Updated: 2025-12-23 03:25:57

*/

:root{
	--shadow-300: 0 4px 4px -1px rgba(12, 12, 13, 0.1), 0 4px 4px -1px rgba(12, 12, 13, 0.05);
	--shadow-400: 0 16px 32px -4px rgba(12, 12, 13, 0.1), 0 4px 4px -4px rgba(12, 12, 13, 0.05);
}
@keyframes shake {
  0% { transform: translateX(0) rotate(0); }
  20% { transform: translateX(-3px) rotate(-5deg); }
  40% { transform: translateX(3px) rotate(5deg); }
  60% { transform: translateX(-3px) rotate(-5deg); }
  80% { transform: translateX(3px) rotate(5deg); }
  100% { transform: translateX(0) rotate(0); }
}
/*reset*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
}

/*Buttons*/
body .button-primary .elementor-button{
	border-radius: 100px;
	padding: 1px 2px 1px 16px;
}
body .button-primary .elementor-button-content-wrapper{
    align-items: center;
}
body .button-primary .elementor-button-icon{
	width: 42px;
    height: 42px;
    background: white;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
	overflow: hidden;
	position: relative;
}
body .button-primary .elementor-button-icon svg{
	width: 15px;
    height: 16px;
	transform: translate(0, 0);
}
body .button-primary .elementor-button-icon:before{
	content: '';
    width: 15px;
    height: 16px;
    position: absolute;
	transform: translate(-24px, 24px);
	opacity: 0;    
}
body .button-primary.button-arrow .elementor-button-icon:before{
    background: url(/wp-content/uploads/2025/12/arrow-red.svg) no-repeat center/contain;
}
body .button-primary.button-arrow .elementor-button:hover svg{
	transition: all .35s linear;
	transform: translate(24px, -24px);
	opacity: 0;
}
body .button-primary.button-arrow .elementor-button:hover .elementor-button-icon:before{
	transition: all .35s linear;
	transform: translate(0, 0);
	opacity: 1
}

body .button-primary.button-phone .elementor-button:hover svg{
  animation: shake 0.4s ease-in-out;
}

/*Button Outline*/
body .button-outlined .elementor-button{
	font-family: var(--e-global-typography-8713358-font-family), Sans-serif;
    font-size: var(--e-global-typography-8713358-font-size);
    font-weight: var(--e-global-typography-8713358-font-weight);
    text-decoration: var(--e-global-typography-8713358-text-decoration);
    line-height: var(--e-global-typography-8713358-line-height);
    color: var( --e-global-color-92ca8ad );
	border-color: var( --e-global-color-92ca8ad );
	background-color: transparent;
	border-radius: 100px;
	padding: 10px 16px 10px 16px;
}
body .button-outlined .elementor-button:hover{
	color: var( --e-global-color-61688c7 );
	background: var( --e-global-color-92ca8ad );
}

/*accent line*/
.accent-line .elementor-heading-title,
.accent-line .elementor-cta__description,
.accent-line-double .elementor-heading-title{
    display: flex;
    gap: 8px;
    align-items: center;
}
.accent-line .elementor-heading-title:before,
.accent-line .elementor-cta__description:before,
.accent-line-double .elementor-heading-title:before,
.accent-line-double .elementor-heading-title:after{
	content: '';
	width: 50px;
	height: 2px;
}

/*accent line red*/
.accent-line-red .elementor-heading-title:before,
.accent-line-red .elementor-cta__description:before,
.accent-line-red .elementor-heading-title:after,
.accent-line-red .elementor-cta__description:after{
	background: var( --e-global-color-3dc9cfb ) !important;
}
/*accent line gray*/
.accent-line-gray .elementor-heading-title:after,
.accent-line-gray .elementor-heading-title:before{
	background: var( --e-global-color-3b1b432 ) !important;
}
/*accent line double*/
.accent-line-double .elementor-heading-title{
	justify-content: center;
}
@media(max-width: 767px){
	.accent-line .elementor-heading-title:before,
	.accent-line .elementor-cta__description:before,
	.accent-line-double .elementor-heading-title:before,
	.accent-line-double .elementor-heading-title:after{
		width: 30px;
	}
	.accent-line-double-m .elementor-heading-title,
	.accent-line-double-m .elementor-cta__description{
		justify-content: center;
	}
	.accent-line-double-m .elementor-heading-title:after,
	.accent-line-double-m .elementor-cta__description:after{
		content: '';
		width: 30px;
		height: 2px;
	}
}

/*CTA accent line*/
.cta-accent-line .elementor-cta__content{
	flex-direction: column-reverse;
}
.cta-accent-line .elementor-cta__content .elementor-cta__description{
	margin-bottom: 16px;
}
@media(max-width: 767px){
	.cta-accent-line .elementor-cta__content .elementor-cta__description{
		margin-bottom: 24px;
	}
}
/*Text Colors*/
.red-pastal{
	color: var( --e-global-color-3dc9cfb ) !important;
}

/*Button Shadow*/
body .cta-dash-heading .elementor-cta__content{
	display: flex;
    flex-direction: column-reverse;
	gap: 16px;
}

/*Tech Stacks*/
body .icon-list-tech-stack .elementor-icon-list-item {
	flex-direction: column;
	gap: 4px;
}
.icon-list-tech-stack .elementor-icon-list-icon svg{
	height: auto !important;
	width: auto !important;
}
.icon-list-tech-stack .elementor-icon-list-icon{
	height: 56px;
}

/*Custom Icon Box Repeater*/
.sub-service-icon-box .sub-service-icon-box-container{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
	gap: 24px 24px;
	
}
body .sub-service-icon-box .sub-service-item {
    padding: 24px;
    border: solid 1px var(--e-global-color-a94ac7b);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
	text-align: center;
}

body .sub-service-icon-box .elementor-icon,
body .why-imp-icon-box .elementor-icon{
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--e-global-color-cc0e018);
}

body .sub-service-icon-box h3.elementor-icon-box-title,
body .why-imp-icon-box h3.elementor-icon-box-title{
    font-family: var(--e-global-typography-2b7fb0f-font-family), Sans-serif;
    font-size: var(--e-global-typography-2b7fb0f-font-size);
    font-weight: var(--e-global-typography-2b7fb0f-font-weight);
    text-decoration: var(--e-global-typography-2b7fb0f-text-decoration);
    line-height: var(--e-global-typography-2b7fb0f-line-height);
    margin-top: 16px;
}

/*Why Important Icon Box*/
body .why-important-icon-box-container  {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
	gap: 0;
}
body .why-imp-icon-box .why-important-item{
	border-bottom: 1px var(--e-global-color-a94ac7b) solid;
	border-right: 2px var(--e-global-color-a94ac7b) solid;
	padding-left: 48px !important;
  	padding-right: 48px !important;	
	display: flex;
    flex-direction: column;
    gap: 8px;
	text-align: center;
}
body .why-imp-icon-box .why-important-item:nth-child(3n) {
  border-right: none;
}
body  .why-imp-icon-box  .why-important-item:nth-last-child(-n + 3) {
  border-bottom: none;
}
/* First column in each row */
body  .why-imp-icon-box  .why-important-item:nth-child(3n + 1) {
  padding-left: 24px !important;
}

/* Last column in each row */
body  .why-imp-icon-box  .why-important-item:nth-child(3n) {
  padding-right: 24px !important;
}


/*TOC*/
.table-of-contents .elementor-toc__body{
	padding: 0;
}
.table-of-contents .elementor-toc__list-item-text-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.table-of-contents .elementor-toc__list-item-text{
	width: 100%;
    display: block;
    padding: 16px;
    border-left: 2px solid transparent;
}
.table-of-contents .elementor-toc__list-item-text:hover,
.table-of-contents .elementor-item-active{
	border-left: 2px solid var( --e-global-color-3dc9cfb );
	background: var( --e-global-color-309727c );
}
.table-of-contents .elementor-toc__list-item{
	margin: 0
}

/* ********** */
/* Blog CSS */
.blog-css .elementor-widget h2{
	font-family: var(--e-global-typography-9095e07-font-family), Sans-serif;
    font-size: var(--e-global-typography-9095e07-font-size);
    font-weight: var(--e-global-typography-9095e07-font-weight);
    text-transform: var(--e-global-typography-9095e07-text-transform);
    text-decoration: var(--e-global-typography-9095e07-text-decoration);
    line-height: var(--e-global-typography-9095e07-line-height);
}
.blog-css .elementor-widget h3{
	font-family: var(--e-global-typography-c41b697-font-family), Sans-serif;
    font-size: var(--e-global-typography-c41b697-font-size);
    font-weight: var(--e-global-typography-c41b697-font-weight);
    text-decoration: var(--e-global-typography-c41b697-text-decoration);
    line-height: var(--e-global-typography-c41b697-line-height);
}
.blog-css .elementor-widget h4{
	font-family: var(--e-global-typography-2b7fb0f-font-family), Sans-serif;
    font-size: var(--e-global-typography-2b7fb0f-font-size);
    font-weight: var(--e-global-typography-2b7fb0f-font-weight);
    text-decoration: var(--e-global-typography-2b7fb0f-text-decoration);
    line-height: var(--e-global-typography-2b7fb0f-line-height);
}
.blog-css .elementor-widget h1,
.blog-css .elementor-widget h2,
.blog-css .elementor-widget h3,
.blog-css .elementor-widget h4,
.blog-css .elementor-widget h5,
.blog-css .elementor-widget h6 {
	margin-top: 1.25em;
    margin-bottom: 0.5em;
}
.blog-css .elementor-widget p,
.blog-css .elementor-widget ul,
.blog-css .elementor-widget ol {
	margin-bottom: 0.5em;
}
.blog-css .elementor-widget>*:nth-child(1),
.blog-css:not(.no-toc) .elementor-widget>*:nth-child(2),
.blog-css:not(.no-toc) .elementor-widget>*:nth-child(3):not(p, ol, ul) {
	margin-top: 0;
}
.blog-css .elementor-widget > *:last-child {
	margin-bottom: 0;
}
.blog-css h1,
.blog-css h2,
.blog-css h3,
.blog-css h4,
.blog-css h5,
.blog-css h6 {
	color: var( --e-global-color-92ca8ad );
}
.blog-css p a {
	color: inherit;
}
.blog-css ul{
	padding-left: 18px;
	margin-left: 0;
}
.blog-css li::marker {
  color: var( --e-global-color-92ca8ad );
}
.blog-css ol{
	padding-left:20px;
	margin-left: 0;
}
.blog-css ol li::marker {
  color: var( --e-global-color-92ca8ad );
}
.blog-css p a {
	position: relative;
	text-decoration: none !important;
}