/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.24.1748802176
Updated: 2025-06-01 18:22:56

*/
.item-is-fixed{transition: all 0.5s ease-in-out;}
h6, .gredient-title {
    background: linear-gradient(90deg, #20D9A1 0%, #5F39FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/*header#masthead {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*}*/


/*---------Hero Banner-------*/
#heroSection{
	overflow: hidden !important;
}
.banner-centerdiv {position:absolute !important;left:0;right:0;}
.bounceanimation img{
	animation: bounce 3s ease-in-out infinite;
}
.pulseanimation img{
	animation: pulse 3s ease-in-out infinite;
}
.pulseAboutus-section .pulseanimation img{
	animation: pulseAboutus 5s ease-in-out infinite;
}
.orbit-container {
            position: relative;
            animation: orbit 12s linear infinite;
        }
.orbiting img{
            
            animation: rotate 12s linear infinite;
        }
        
#masthead {
  background: transparent;
  transition: background-color 0.3s ease;
}

header#masthead-scrolled .item-is-stuck {
  background: rgba(0, 0, 0, 0.9) !important;
}

div#bannerText-container {
    position: absolute;
}

/*----------Animations------------*/
@keyframes bounce {
  0%,
   100% {
    transform: translateY(0);
    }

    50% {
  transform: translateY(-40px);
 }
}

 @keyframes pulse {
 0%,
 100% {
  transform: scale(1);
 }

  50% {
    transform: scale(1.3);
  }
 }
@keyframes orbit {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes rotate {
            from {
                transform: translateX(-50%) rotate(0deg);
            }

            to {
                transform: translateX(-50%) rotate(360deg);
            }
        }

 @keyframes pulseAboutus {
 0%,
 100% {
  transform: scale(1);
 }

  50% {
    transform: scale(1.1);
  }
 }
 
 /*----------Services Section----------*/
 .services-icon-box{
     transition: all .4s ease-in-out;
 }
   .services-icon-box figure.elementor-image-box-img{
       text-align: center !important;
       margin: 0 auto;
       padding: 20px;
   }
  .services-icon-box:hover figure.elementor-image-box-img {
    background: #fff;
    padding: 20px;
    border-radius: 50%;
}
 .services-icon-box:hover {
    background: linear-gradient(135deg, #28c5ad, #5650f1); /* Change gradient colors as needed */
    border-radius: 0 50px 0 50px;
    color: #fff;
}

.services-icon-box:hover p {
    color: #fff;
}
.services-icon-box:hover p.elementor-image-box-description {
    color: #fff !important;
}

/* Team Section */
.crow {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    justify-content: center;
}
.col4 {
    width: 23.4%;
    position: relative;
}
.teamcol .team-image {
    max-width: 308px;
    height: 308px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    overflow:hidden;
}
.teamcol .team-image img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transform: scale(1);
    transition:all .3s ease-in-out;
}
.teamcol .team-inner {
    position: absolute;
    z-index: 2;
    width: 230px;
    height: 230px;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: linear-gradient(90deg, rgb(32 217 161 / 60%) 0%, rgb(95 57 255 / 60%) 100%);
}
.teamcol:hover .team-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.teamcol:hover .team-inner {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.team-inner h4, .team-inner p {
    color: #fff !important;
    margin-bottom:0 !important;
}
.team-inner h4 {font-size: 19px !important;}
.team-inner p {font-size: 15px;}
.profile-icons ul {
    display: flex;
    gap: 10px;
    list-style: none;
    background: #fff;
    padding-left: 0;
    border-radius: 25px;
    padding: 10px 25px;
    margin-top: 10px;
}
.profile-icons ul li {
    border-right: 1px solid rgb(51 51 51 / 33%);
    padding-right: 10px;
}
.profile-icons ul li:last-child{border:none;}
.profile-icons ul li a {color: #3a3a3a;}

/*---Testimonial Section-----*/
/*.testimonial-carousel .testimonial-box {*/
/*  position: relative;*/
/*  transition: all 0.3s ease;*/
/*}*/
/*.testimonial-carousel .testimonial-box:hover {*/
/*  transform: translateY(-5px);*/
/*}*/
/*.owl-dot.active span {*/
/*  background: #00bcd4 !important;*/
/*}*/
/*.testimonial-carousel .testimonial-box:hover {*/
/*    transform: translateY(-5px);*/
/*    transition: 0.3s;*/
/*}*/
/*.testimonial-carousel .owl-dot.active span {*/
/*    background: #00bcd4 !important;*/
/*}*/
/*.star-ratings {*/
/*    position: relative;*/
/*    unicode-bidi: bidi-override;*/
/*    color: #ccc;*/
/*    font-size: 18px;*/
/*    height: 20px;*/
/*    width: 100px;*/
/*}*/
/*.fill-ratings {*/
/*    color: #ffc107;*/
/*    padding: 0;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    display: block;*/
/*    top: 0;*/
/*    left: 0;*/
/*    overflow: hidden;*/
/*}*/
/*.empty-ratings {*/
/*    padding: 0;*/
/*    display: block;*/
/*    z-index: 0;*/
/*}*/
/*.testimonial-style-four .testimonial-item {*/
/*    max-width: 645px;*/
/*    width: 100%;*/
/*    padding: 50px 50px;*/
/*    margin-bottom: 0;*/
/*}*/
/*.testimonial-style-four .testimonial-item .testimonial-top-content {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*}*/
/*.testimonial-item .testimonial-top-content {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: justify;*/
/*    -ms-flex-pack: justify;*/
/*    justify-content: space-between;*/
/*	flex-wrap: wrap;*/
/*}*/
/*.testimonial-item .testimonial-top-content .testimonial-left-content {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    gap: 20px;*/
/*    padding-bottom: 20px;*/
/*    margin-bottom: 30px;*/
/*    position: relative;*/
/*}*/
/*.testimonial-item .testimonial-top-content .testimonial-left-content::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    transition: 0.4s;*/
/*    background: #dcdee7;*/
/*}*/
/*.testimonial-style-four .testimonial-item .testimonial-top-content .auother-image {*/
/*    width: 65px;*/
/*    height: 65px;*/
/*    border-radius: 50%;*/
/*}*/
/*.testimonial-item .testimonial-top-content .testimonial-left-content .auother-image {*/
/*    width: 80px;*/
/*    height: 80px;*/
/*    border: 1px solid #20d9a1;*/
/*    padding: 5px;*/
/*    border-radius: 50%;*/
/*}*/
/*.testimonial-style-four .testimonial-item .testimonial-top-content .auother-image img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*}*/
/*.testimonial-item .testimonial-top-content .testimonial-left-content .auother-image img {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    border-radius: 50%;*/
/*}*/
/*.testimonial-item {*/
/*    background: #fff;*/
/*    padding: 40px;*/
/*    border-radius: 30px;*/
/*    border: 1px solid transparent;*/
/*}*/
/*.testimonial-item:hover{*/
/*    border: 1px solid #5f39ff;*/
/*}*/
/*.auother-text h4.title {*/
/*    margin-bottom: 0;*/
/*}*/


/*.testimonial-item:hover .testimonial-left-content::before {*/
/*  background: linear-gradient(90deg, #20D9A1 0%, #5F39FF 100%);*/
/*}*/
/*.home .owl-carousel .owl-dots.disabled {*/
/*    display: block !important;*/
/*    text-align: center;*/
/*    margin-top: 80px;*/
/*}*/
/*.home .owl-carousel button.owl-dot{*/
/*	width: 48px;*/
/*    height: 8px;*/
/*    cursor: pointer;*/
/*    position: relative;*/
/*    top: 0px;*/
/*    border-radius: 10px;*/
/*    transition: 0.4s;*/
/*    background: rgba(95, 57, 255, 0.5);*/
/*}*/
/*.home .button.owl-dot.active {*/
/*    width: 48px;*/
/*    height: 8px;*/
/*    position: relative;*/
/*    border-radius: 50px;*/
/*    background: linear-gradient(90deg, #20D9A1 0%, #5F39FF 100%);*/
/*}*/

/*--------Home Our Project Section-------*/

#home-opSection .sectionInnerColumn {
  width: 15%;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}

#home-opSection .sectionInnerColumn.active {
  width: 70% !important;
}

#home-opSection .sectionInnerColumn.first {
  width: 70%;
}


.owl-posts-slider .owl-nav.disabled{
    display: block !important;
}
.owl-posts-slider button.owl-prev {
    position: absolute;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
}
.owl-posts-slider button.owl-next {
    position: absolute;
    top: 50%;
    right: -40px !important;
    bottom: 50%;
    transform: translate(-50%, -50%);
}
.owl-posts-slider button img{
    width: 40px;
}
.owl-posts-slider p{
    margin-bottom: 10px !important;
}
.owl-posts-slider a.post-th-title:hover {
    color: #5F39FF;
}

.owl-posts-slider a.post-rm-btn {
    color: #5F39FF;
    font-weight: 600;
}


.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

/*--------About Us Page-------*/
body:not(.home) .site-header-row-container-inner {
    background: #000 !important;
}
/*--------End About Us Page-------*/


/*----------Career Page-----------*/
#careerContainer {
  position: relative;
  background: #fff;
  border-radius: 12px;
  z-index: 1;
}

#careerContainer::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: linear-gradient(135deg, #5F39FF, #20D9A1, #5F39FF);
  background-size: 300% 300%;
  z-index: -1;
  animation: animatedBorder 4s linear infinite;
}

@keyframes animatedBorder {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}


#careerContainer p.w-50 {
    width: 48%;
}
#careerContainer p.w-100 {
    width: 100%;
}
#careerContainer form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#careerContainer form input:not([type="file"]):not([type="submit"]),
textarea.wpcf7-form-control.wpcf7-textarea{
    background: transparent;
    border: none;
    border-bottom: 1px solid #6900f3;
    border-radius: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea{
	height: 100px !important;
}

#careerContainer form input::placeholder {
    font-size: 15px;
}
#careerContainer input[type="submit"] {
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(135deg, #5f39ff, #00bcd4); /* gradient color */
    color: #fff; /* text color for contrast */
    border: none;
    padding: 10px 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    transition: all .3s ease-in-out;
}

#careerContainer input[type="submit"]:hover {
    background: linear-gradient(135deg, #00bcd4, #5f39ff); /* reverse gradient on hover */
}

/*-------End Career Page------*/

/*----------Blog Archive Page--------------*/
.page-id-1186 .elementor-shortcode .row{
	justify-content: center !important;
}
.page-id-1186 .elementor-shortcode .card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}
/*----------End Blog Archive Page--------------*/
.service-block .number-count {
    position: relative;
    display: flex;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: rgb(95 57 255 / 26%);
    border: 1px solid #5f39ff;
    z-index: 1;
    justify-content: center;
}
.service-block .number-count:before {
    position: absolute;
    content: '';
    background: linear-gradient(84.25deg, #5f39ff 0%, #a637af 100%);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0,0);
    transition: all 500ms ease;
}
.service-block:hover .number-count:before {
    transform: scale(1,1);
}
.service-block:hover .number-count h3 {
	color:#fff !important;
}
.service-block .number-count h3{
    margin-bottom: 0 !important;
}


/*---Accordian----*/
summary.e-n-accordion-item-title {
    transition: all .3s ease-in-out;
}


/*---Image Animation css---*/
/* Base pseudo-elements */

.team-box .team-image {
    position: relative;
    overflow: hidden;
}
.hover-effect::before,
.hover-effect::after {
    content: "";
    position: absolute;
    background: #fff;
    width: 0;
    height: 0;
    opacity: 0.7;
    transition: all 1.3s ease;
    z-index: 1;
}

/* BEFORE = start from TOP RIGHT */
.hover-effect::before {
    top: 0;
    right: 0;
}

/* AFTER = start from BOTTOM LEFT */
.hover-effect::after {
    bottom: 0;
    left: 0;
}

/* Hover expands both */
.hover-effect:hover::before,
.hover-effect:hover::after {
    width: 100%;
    height: 100%;
    opacity: 0;   /* fade-out during animation */
}



@media (max-width:1100px) {
.col4 {
    width: 35%;
}	
}

@media (max-width:900px) {
.col4 {
    width:48%;
}	
}
@media(max-width: 767px){
  #home-opSection .sectionInnerColumn,
  #home-opSection .sectionInnerColumn.active,
  #home-opSection .sectionInnerColumn.first {
    width: 100% !important;
	margin-bottom: 10px !important;
  }
}
@media (max-width:654px) {
.col4 {
    width:100%;
}	
}

/* ========================================================== */

.page-id-1950 header#masthead {
    display: none;
}

.page-id-1950 footer#colophon {
    display: none;
}

.elementor-divider-separator:after {
    content: "";
    position: absolute;
    width: 90%;
    height: 1px;
    background: linear-gradient(90deg, #58ac36, transparent 60%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 30px 2px, 0px 0px, 0px 0px, 0px 0px;
    background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin: auto;
    animation: Divider-anim 10s infinite linear;
    -webkit-animation: Divider-anim 10s infinite linear;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


 @keyframes Divider-anim {
                0% {
                    background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;
                }

                100% {
                    background-position: 300px 0px, 0px 0px, 0px 0px, 0px 0px;
                }
            }

            @-webkit-keyframes Divider-anim {
                0% {
                    background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px;
                }

                100% {
                    background-position: 300px 0px, 0px 0px, 0px 0px, 0px 0px;
                }
            }


/* .elementor-widget-image img {
    display: inline-block;
    vertical-align: middle;
} */


.benifits-cards .elementor-image-box-img img {
    margin-top: -70px;
}

.site-main-header-wrap.site-header-row-container.site-header-focus-item.site-header-row-layout-standard.kadence-sticky-header.item-is-fixed.item-is-stuck {
    display: none;
}