/*
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.3.0.1744874393
Updated: 2025-04-17 07:19:53

*/
.elementor-sticky .elementor-widget-image a img[src$=".svg"] {
 
  max-width: 75% !important;
  height:75px !important;
}
div.svg.service svg#increasing #bg-blue-circle {
    -webkit-transform-origin: 78.06px 91.63px;
    -ms-transform-origin: 78.06px 91.63px;
    transform-origin: 78.06px 91.63px;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
}
div.svg.service svg#increasing #bars path:nth-child(1) {
    opacity: 0;
}
div.svg.service svg#increasing #bars path:nth-child(2) {
    opacity: 0;
}
div.svg.service svg#increasing #bars path:nth-child(3) {
    opacity: 0;
}
div.svg.service svg#increasing #bars path:nth-child(4) {
    opacity: 0;
}
div.svg.service svg#increasing #bars path:nth-child(5) {
    opacity: 0;
}
div.svg.service svg#increasing #arrow #draw-arrow #rightPartArr {
    -webkit-transform-origin: 111.37px 31.23px;
    -ms-transform-origin: 111.37px 31.23px;
    transform-origin: 111.37px 31.23px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
div.svg.service svg#increasing #arrow #draw-arrow #leftPartArr {
    -webkit-transform-origin: 111.37px 31.23px;
    -ms-transform-origin: 111.37px 31.23px;
    transform-origin: 111.37px 31.23px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
div.svg.service svg#increasing.animate #bg-blue-circle {
    -webkit-animation: growBg 1s ease-in-out 0s forwards;
    animation: growBg 1s ease-in-out 0s forwards;
}
div.svg.service svg#increasing.animate #bars path:nth-child(1) {
    -webkit-animation: fadeIn .1s ease-in-out .8s forwards, drawIn .75s ease-in-out 1.4s forwards;
    animation: fadeIn .1s ease-in-out .8s forwards, drawIn .75s ease-in-out 1.4s forwards;
}
div.svg.service svg#increasing.animate #bars path:nth-child(2) {
    -webkit-animation: fadeIn .1s ease-in-out .9s forwards, drawIn .75s ease-in-out 1.4s forwards;
    animation: fadeIn .1s ease-in-out .9s forwards, drawIn .75s ease-in-out 1.4s forwards;
}
div.svg.service svg#increasing.animate #bars path:nth-child(3) {
    -webkit-animation: fadeIn .1s ease-in-out 1s forwards, drawIn .75s ease-in-out 1.4s forwards;
    animation: fadeIn .1s ease-in-out 1s forwards, drawIn .75s ease-in-out 1.4s forwards;
}
div.svg.service svg#increasing.animate #bars path:nth-child(4) {
    -webkit-animation: fadeIn .1s ease-in-out 1.1s forwards, drawIn .75s ease-in-out 1.4s forwards;
    animation: fadeIn .1s ease-in-out 1.1s forwards, drawIn .75s ease-in-out 1.4s forwards;
}
div.svg.service svg#increasing.animate #bars path:nth-child(5) {
    -webkit-animation: fadeIn .1s ease-in-out 1.2s forwards, drawIn .75s ease-in-out 1.4s forwards, fadeOut 50ms ease-in-out 3s forwards;
    animation: fadeIn .1s ease-in-out 1.2s forwards, drawIn .75s ease-in-out 1.4s forwards, fadeOut 50ms ease-in-out 3s forwards;
}
div.svg.service svg#increasing.animate #arrow #draw-arrow #rightPartArr {
    -webkit-animation: fadeIn 10ms ease-in-out 2.2s forwards, rotateArrowPart .75s ease-in-out 2.2s forwards, fadeOut 50ms ease-in-out 3s forwards;
    animation: fadeIn 10ms ease-in-out 2.2s forwards, rotateArrowPart .75s ease-in-out 2.2s forwards, fadeOut 50ms ease-in-out 3s forwards;
}
div.svg.service svg#increasing.animate #arrow #draw-arrow #leftPartArr {
    -webkit-animation: fadeIn 10ms ease-in-out 2.2s forwards, rotateArrowPart .75s ease-in-out 2.2s forwards, fadeOut 50ms ease-in-out 3s forwards;
    animation: fadeIn 10ms ease-in-out 2.2s forwards, rotateArrowPart .75s ease-in-out 2.2s forwards, fadeOut 50ms ease-in-out 3s forwards;
}
div.svg.service svg#increasing.animate #arrow #show-arrow {
    -webkit-animation: fadeIn 10ms ease-in-out 2.96s forwards;
    animation: fadeIn 10ms ease-in-out 2.96s forwards;
}
div.svg.service svg#increasing.animate #draw-circle {
    -webkit-animation: drawIn .8s ease-in-out 2.3s forwards;
    animation: drawIn .8s ease-in-out 2.3s forwards;
}
div.svg.service svg#improving #bg-circleC {
    -webkit-transform-origin: 71.41px 80px;
    -ms-transform-origin: 71.41px 80px;
    transform-origin: 71.41px 80px;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
}
div.svg.service svg#improving #cloud-points #cloud-point1 {
    -webkit-transform-origin: 31.61px 77.24px;
    -ms-transform-origin: 31.61px 77.24px;
    transform-origin: 31.61px 77.24px;
    -webkit-transform: scale(.3, .3);
    -ms-transform: scale(.3, .3);
    transform: scale(.3, .3);
}
div.svg.service svg#improving #cloud-points #cloud-point2 {
    -webkit-transform-origin: 74.96px 77.24px;
    -ms-transform-origin: 74.96px 77.24px;
    transform-origin: 74.96px 77.24px;
    -webkit-transform: scale(.3, .3);
    -ms-transform: scale(.3, .3);
    transform: scale(.3, .3);
}
div.svg.service svg#improving #cloud-points #cloud-point3 {
    -webkit-transform-origin: 127.47px 77.24px;
    -ms-transform-origin: 127.47px 77.24px;
    transform-origin: 127.47px 77.24px;
    -webkit-transform: scale(.3, .3);
    -ms-transform: scale(.3, .3);
    transform: scale(.3, .3);
}
div.svg.service svg#improving.animate #bg-circleC {
    -webkit-animation: growBg 1s ease-in-out 0s forwards;
    animation: growBg 1s ease-in-out 0s forwards;
}
div.svg.service svg#improving.animate #cloud-points #cloud-point1 {
    -webkit-animation: fadeIn .1s ease-in-out .8s forwards, growCloudPoint .7s ease-in-out .9s forwards;
    animation: fadeIn .1s ease-in-out .8s forwards, growCloudPoint .7s ease-in-out .9s forwards;
}
div.svg.service svg#improving.animate #cloud-points #cloud-point2 {
    -webkit-animation: fadeIn .1s ease-in-out .9s forwards, growCloudPoint .7s ease-in-out 1.1s forwards;
    animation: fadeIn .1s ease-in-out .9s forwards, growCloudPoint .7s ease-in-out 1.1s forwards;
}
div.svg.service svg#improving.animate #cloud-points #cloud-point3 {
    -webkit-animation: fadeIn .1s ease-in-out 1s forwards, growCloudPoint .7s ease-in-out 1.3s forwards, fadeOut 50ms ease-in-out 2.6s forwards;
    animation: fadeIn .1s ease-in-out 1s forwards, growCloudPoint .7s ease-in-out 1.3s forwards, fadeOut 50ms ease-in-out 2.6s forwards;
}
div.svg.service svg#improving.animate #draw-circleC {
    -webkit-animation: fadeIn 10ms ease-in-out 1.7s forwards, drawIn .9s ease-in 1.7s forwards;
    animation: fadeIn 10ms ease-in-out 1.7s forwards, drawIn .9s ease-in 1.7s forwards;
}
div.svg.service svg#improving.animate #last-cloud {
    -webkit-animation: fadeIn 10ms ease-in-out 1.94s forwards;
    animation: fadeIn 10ms ease-in-out 1.94s forwards;
}
div.svg.service svg#enhancing #bg-circleB {
    -webkit-transform-origin: 70.66px 80px;
    -ms-transform-origin: 70.66px 80px;
    transform-origin: 70.66px 80px;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
}
div.svg.service svg#enhancing #star-poin1 {
    -webkit-transform-origin: 21.77px 80.57px;
    -ms-transform-origin: 21.77px 80.57px;
    transform-origin: 21.77px 80.57px;
    -webkit-transform: scale(.35, .35);
    -ms-transform: scale(.35, .35);
    transform: scale(.35, .35);
}
div.svg.service svg#enhancing #star-poin2 {
    -webkit-transform-origin: 47.57px 80.57px;
    -ms-transform-origin: 47.57px 80.57px;
    transform-origin: 47.57px 80.57px;
    -webkit-transform: scale(.35, .35);
    -ms-transform: scale(.35, .35);
    transform: scale(.35, .35);
}
div.svg.service svg#enhancing #star-poin3 {
    -webkit-transform-origin: 73.36px 80.57px;
    -ms-transform-origin: 73.36px 80.57px;
    transform-origin: 73.36px 80.57px;
    -webkit-transform: scale(.35, .35);
    -ms-transform: scale(.35, .35);
    transform: scale(.35, .35);
}
div.svg.service svg#enhancing #star-poin4 {
    -webkit-transform-origin: 99.15px 80.57px;
    -ms-transform-origin: 99.15px 80.57px;
    transform-origin: 99.15px 80.57px;
    -webkit-transform: scale(.35, .35);
    -ms-transform: scale(.35, .35);
    transform: scale(.35, .35);
}
div.svg.service svg#enhancing #star-poin5 {
    -webkit-transform-origin: 127.23px 80.57px;
    -ms-transform-origin: 127.23px 80.57px;
    transform-origin: 127.23px 80.57px;
    -webkit-transform: scale(.35, .35);
    -ms-transform: scale(.35, .35);
    transform: scale(.35, .35);
}
div.svg.service svg#enhancing.animate #bg-circleB {
    -webkit-animation: growBg 1s ease-in-out 0s forwards;
    animation: growBg 1s ease-in-out 0s forwards;
}
div.svg.service svg#enhancing.animate #star-poin1 {
    -webkit-animation: fadeIn .1s ease-in-out .8s forwards, growBg .7s ease-in-out 1s forwards;
    animation: fadeIn .1s ease-in-out .8s forwards, growBg .7s ease-in-out 1s forwards;
}
div.svg.service svg#enhancing.animate #star-poin2 {
    -webkit-animation: fadeIn .1s ease-in-out .9s forwards, growBg .7s ease-in-out 1.15s forwards;
    animation: fadeIn .1s ease-in-out .9s forwards, growBg .7s ease-in-out 1.15s forwards;
}
div.svg.service svg#enhancing.animate #star-poin3 {
    -webkit-animation: fadeIn .1s ease-in-out 1s forwards, growBg .7s ease-in-out 1.3s forwards;
    animation: fadeIn .1s ease-in-out 1s forwards, growBg .7s ease-in-out 1.3s forwards;
}
div.svg.service svg#enhancing.animate #star-poin4 {
    -webkit-animation: fadeIn .1s ease-in-out 1.1s forwards, growBg .7s ease-in-out 1.45s forwards;
    animation: fadeIn .1s ease-in-out 1.1s forwards, growBg .7s ease-in-out 1.45s forwards;
}
div.svg.service svg#enhancing.animate #star-poin5 {
    -webkit-animation: fadeIn .1s ease-in-out 1.2s forwards, growBg .7s ease-in-out 1.6s forwards, fadeOut 50ms ease-in-out 2.9s forwards;
    animation: fadeIn .1s ease-in-out 1.2s forwards, growBg .7s ease-in-out 1.6s forwards, fadeOut 50ms ease-in-out 2.9s forwards;
}
div.svg.service svg#enhancing.animate #draw-circleB {
    -webkit-animation: fadeIn 10ms ease-in-out 2s forwards, drawIn .9s ease-in 2s forwards;
    animation: fadeIn 10ms ease-in-out 2s forwards, drawIn .9s ease-in 2s forwards;
}
div.svg.service svg#enhancing.animate #last-star {
    -webkit-animation: fadeIn 10ms ease-in-out 2.29s forwards;
    animation: fadeIn 10ms ease-in-out 2.29s forwards;
}
@-webkit-keyframes growBg {
    to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}@keyframes growBg {
    to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}@-webkit-keyframes drawIn {
    to {
    stroke-dashoffset: 0;
}
}@keyframes drawIn {
    to {
    stroke-dashoffset: 0;
}
}@-webkit-keyframes fadeIn {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}@keyframes fadeIn {
    from {
    opacity: 0;
}
to {
    opacity: 1;
}
}@-webkit-keyframes fadeOut {
    from {
    opacity: 1;
}
to {
    opacity: 0;
}
}@keyframes fadeOut {
    from {
    opacity: 1;
}
to {
    opacity: 0;
}
}@-webkit-keyframes rotateArrowPart {
    to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
}@keyframes rotateArrowPart {
    to {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
}@-webkit-keyframes growCloudPoint {
    to {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
}
}@keyframes growCloudPoint {
    to {
    -webkit-transform: scale(1.2, 1);
    transform: scale(1.2, 1);
}
}
 
 
 
 
.service-categories {
    text-align: center;
    margin-bottom: 100px;
}

.service-categories::after {
    clear: both;
    content: "";
    display: block;
}

.service-categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.service-categories ul li {
    margin: 0;
    padding: 0;
}

.service-categories div.column {
/*     width: calc(33.3333333333% - 26.6666666667px);
    float: left; */
    margin-left: 20px;
    text-align: center;
}

@media (max-width: 1600px) and (min-width: 1500px) 
{
	
.project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 69px !important;
} 
}
@media (max-width: 1600px) and (min-width: 1450px) 
{
	span.line-set {
  
    right: -155px !important;
}
.project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 100px ;
} 
}
@media (max-width: 1440px) and (min-width: 1300px) 
{
	span.line-set {
  
    right: -175px !important;
}
}
@media (max-width: 1390px) and (min-width: 900px) 
{
	
.project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 69px !important;
} 
}
@media (max-width: 1300px) and (min-width: 1080px) {
  span.line-set {
    right: -155px !important;
	}
}
@media (max-width: 1030px) and (min-width: 900px) {
  span.line-set {
    right: -140px !important;
	}
}
@media (max-width: 800px) and (min-width: 768px) {
  span.line-set {
    right: -110px !important;
	}.project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 63px !important;
} 
}
@media (max-width: 767px) and (min-width: 320px) {
  span.line-set {
    right: -190px !important;
	}
  .project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 77px !important;
}
}
@media (max-width: 390px) and (min-width: 325px) {
  .project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 70px !important;
} 
}
@media screen and (max-width:640px) {
 .service-categories div.column {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        width: 100%;
        margin-left: 0;
        float: none;
        margin-bottom: 80px;
    }
/* .project-navigation.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active {
    top: 70px !important;
}  */
}

.service-categories div.column div.svg {
    height: 200px;
}

.service-categories div.column div.svg svg {
    max-height: 100%;
}

/* .service-categories div.column div.svg svg#enhancing {
    margin-top: 18px;
    margin-left: 28px;
}
 */
.service-categories div.column div.svg svg#improving {
    margin-top: 18px;
    margin-left: 24px;
}