/*
Theme Name: Child theme
Author: averta
Description: Phlox is a modern, lightweight and customizable theme perfect for almost any type of website including, blog, portfolio, business, agency, news & magazine, food & restaurant, travel, and photography as well as WooCommerce storefront. What makes the Phlox unbeatable is being fast, truly responsive, translation ready, RTL layout, built with SEO in mind, professional portfolio features, 30 exclusive widgets and elements, 19 demo sites for one-click import, WooCommerce Ready, WPML ready, 100% GDPR compliance, reliable with regular updates, and also integrated with Elementor, Visual Composer and SiteOrigin page builders. Phlox is architect from scratch by the team behind the famous “Master Slider” project, so relax and be assured that you are supported by a good company. Phlox is the only theme that you have ever need to use and look no further. Start exploring the demos: http://demo.phlox.pro/default/
Version: 2.17.7
Template: phlox

This is the child theme for Phlox theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.services_right_column {
/*     flex: 1 !important; */
    position: sticky!important;
    top: 20px !important;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.services_left_column {
/*     flex: 1 !important; */
    max-height: 704px;
    overflow-y: auto !important;
    position: sticky !important;
    top: 20px;
/*     padding-right: 20px; */
}
.services_left_main:after {
    content: '';
    width: 100%;
/*     height: 205px; */
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(250, 250, 238, 1), rgba(250, 250, 238, 0));
}
.services_left_column::-webkit-scrollbar {
    background: transparent !important;
}
/* Section */





/* Section */
.globally_main_section {
  position: relative;
  min-height: 100vh;
}
.globally_main_section.sticky {
  position: sticky;
  top: 0;
  /* height: 100vh;    ❌ remove this fixed height */
  min-height: 100vh;   /* ✅ let content expand */
  overflow: visible;   /* ✅ allow cards to overflow naturally */
}

/* Cards hidden initially */
.globally_row_one,
.globally_row_two,
.globally_row_three,
.globally_row_four,
.globally_row_fifth {
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
  will-change: transform, opacity;
}

/* Reveal state */
.slide-up {
  opacity: 1;
  transform: translateY(0);
}

/* hidden state */
.card-step {   /* apni classes lagao: .globally_row_one etc. */
  opacity: 0;
  transform: translateY(80px);
  transition: opacity 0.9s ease, transform 0.9s ease;
  will-change: transform, opacity;
}
/* revealed state */
.card-step.slide-up {
  opacity: 1;
  transform: translateY(0);
}



/* .home div#inner-body {
    overflow-y: hidden;
} */
.mastery_icon_contianer {
  position: relative;
  width: 868px;     /* circle ka size */
  height: 868px;
  border-radius: 50%;
  margin: 0 auto; 
  overflow: hidden; /* taake bg bahar na nikle */
}

/* .mastery_icon_contianer .svg_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
} */

/* 4 icons ke liye example */
/* .mastery_icon_contianer .svg_icon:nth-child(1) { transform: rotate(0deg) translate(300px) rotate(0deg); }
.mastery_icon_contianer .svg_icon:nth-child(2) { transform: rotate(90deg) translate(300px) rotate(-90deg); }
.mastery_icon_contianer .svg_icon:nth-child(3) { transform: rotate(180deg) translate(300px) rotate(-180deg); }
.mastery_icon_contianer .svg_icon:nth-child(4) { transform: rotate(270deg) translate(300px) rotate(-270deg); } */

.mastery_icon_contianer::before {
    content: '' !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://prodexent.onezerowave.com/wp-content/uploads/2025/08/Group-13.png) !important;
    animation: rotateCircle 30s linear infinite;
}

/* 🔥 Animation */
@keyframes rotateCircle {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.mastery_icon_contianer_two::before {
    content: '' !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://prodexent.onezerowave.com/wp-content/uploads/2025/08/stack_inner_bg.png) !important;
    animation: rotateCircleReverse 30s linear infinite;
}

/* 🔥 Animation */
@keyframes rotateCircleReverse {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* === Updated for center layout (no author image) === */
.testimonial-item {
    display: flex;
    flex-direction: column;      /* Column me arrange */
    justify-content: center;     /* Vertical center */
    align-items: center;         /* Horizontal center */
    gap: 40px;                   /* Gap reduce for better look */
    text-align: center;          /* Text center align */
}

.testimonial_right {
    max-width: 824px;
    margin: 0 auto;              /* Block ko center me lane ke liye */
}

.testi_right_bottom {
    display: flex;
    justify-content: center;     /* Bottom elements bhi center */
    gap: 30px;                   /* Company logo aur name ke beech spacing */
}

/* Optional: Agar rating stars, author title waghera bhi center chahiye */
.testimonial_right p.testi_descrip,
.author_title h3,
.author_title p {
    text-align: center;
}
.testimonial-carousel::before {
    content: '';
    width: 111px;
    height: 111px;
    display: block;
    position: absolute;
    top: -80px;
    left: -80px;
    background-image: url('https://prodexent.onezerowave.com/wp-content/uploads/2025/08/testi_before_img.png');
    background-repeat: no-repeat;
	display:none;
}
.testimonial-carousel::after {
    content: '';
    width: 200px;
    height: 28%;
    display: block;
    position: absolute;
    bottom: -85px;
    left: 488px;
    background-image: url(https://prodexent.onezerowave.com/wp-content/uploads/2025/08/testi_after_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
   display:none;
}
.testimonial-carousel .owl-nav {
/*     top: 42%;
    position: absolute;
    display: flex;
    gap: 500px;
    left: -56px; */
	    top: 100%;
    position: absolute;
    display: flex
;
    gap: 80px;
    left: 0;
    right: 0;
    margin: 0px auto;
    display: table;
}
.author-image img {
    width: 600px !important;
    max-width: 600px !important;
    border-radius: 36px !important;
}
.testimonial_right p.testi_descrip {
    font-size: 18px;
    color: #10292C;
    line-height: 30px;
    font-weight: 500;
    padding-bottom: 70px;
    margin: 0px;
}
.icon_right {
    padding-bottom: 20px !important;
}
.author_title h3 {
    font-weight: 500;
    font-size: 28px;
}
.author_title h3 {
    font-size: 28px !important;
    line-height: normal !important;
    margin: 0px 0 4px !important;
}
.author_title p {
    font-size: 24px;
    color: #4A4A4A;
    font-weight: 400;
    font-family: "Jost", sans-serif;
    margin: 0px !important;
}
.footer_nav ul li a {
    position: relative;
}
.footer_nav ul li:not(:last-child) a::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    background: #10292C;
    opacity: 0.1;
    border-radius: 50px;
}
.svg_icon img {
    transition: all 0.4s ease-in-out;
}
.svg_icon img:hover {
    transform: scale(1.2);
}

/*===================================
		 My Custom Css Start
===================================*/
header#site-title {
    display: none;
}
.globally_row_one {
    margin-left: -70px !important;
}
.globally_row_two {
    margin-left: -140px !important;
}
.globally_row_three {
    margin-left: -203px !important;
}
.inner_card_sec_num p {
    color: #8F8F8F !important;
}
.globally_main_section span.elementor-icon-list-text {
    text-transform: uppercase;
}
.serv_sec_1 p {
    margin: 0 !important;
}
.serv_sec_1 h2 {
    padding-top: 20px;
	padding-bottom: 10px;
}
.serv_sec_1 .elementor-element.e-child {
    gap: 0 !important;
}
.serv_sec_col1 h2 {
/*     width: 50% !important; */
}
.serv_sec_2_num {
    padding: 0 !important;
}
.serv_sec_2_num h4 {
    width: 64px !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.serv_sec_2 p {
    margin: 0 !important;
}
.serv_sec_2 .elementor-element.e-child {
    max-height: max-content !important;
}
.serv_2_col2 .elementor-element.e-child .elementor-widget-text-editor {
    border-bottom: 1px solid #00000026;
    padding-bottom: 30px;
    margin-bottom: 5px;
}
.serv_2_col2 {
    height: 870px !important;
    overflow: hidden;
    overflow-y: scroll !important;
}
.serv_2_col2::-webkit-scrollbar {
    width: 0;
}
.serv_sec_3 h4.elementor-heading-title:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #DEDC00;
    border-radius: 100%;
    display: inline-block;
    margin-right: 10px !important;
}
.serv_sec_3 h3 {
    padding: 10px 0 10px 0 !important;
}
.serv_sec_3 .elementor-element.e-grid {
    padding-top: 30px !important;
}
.serv_sec_4 .elementor-element.elementor-widget-text-editor {
    margin-bottom: 20px !important;
}
.inner_card_sec {
    padding: 0 !important;
}
/* .work_sec .owl-item:nth-child(3) {
    transform: scale(1.1);
    width: 400px !important;
}
.work_sec .owl-item {
    width: 240px !important;
}
.work_sec .owl-item:nth-child(3) {
    width: 330px !important;
}
.work_sec .owl-stage-outer {
    overflow: visible;
} */
.meth_sec_1 p strong {
    color: #000;
}
.meth_sec_1 ol li {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    margin-bottom: 15px;
}
.meth_sec_1 ol {
    margin: 50px 0 0 0 !important;
}
.meth_sec_2 p {
    margin: 0 !important;
}
.serv_sec_1.meth_col h2 {
    width: 100% !important;
}
.cont_form.meth_sec_1 p strong {
    color: #4A4A4A;
}
.cont_form ul li {
    font-weight: 500;
    margin: 0 0 10px 0;
}
.cont_form ul {
    margin: 30px 0 0 0 !important;
}
.get_form .row {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.get_form .col-md-6 {
    width: 48%;
}
.get_form .col-md-12 {
    width: 100%;
}
.get_form label {
    font-family: 'Jost' !important;
    color: #4D4D4D !important;
    font-size: 16px !important;
    margin-bottom: 10px;
}
.get_form input.wpcf7-form-control, .get_form select {
    background: #fff;
    border-radius: 8px;border: unset !important;
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 0 !important;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Rethink Sans';
    height: 46px;
    padding-top: 8px;
}
.get_form select option {
    font-size: 14px;
    font-weight: 300;
    font-family: 'Rethink Sans';
}
.get_form textarea {
    background: #fff;
    border-radius: 8px;
    border: unset !important;
    box-shadow: none !important;
    outline: none !important;
    margin-bottom: 0 !important;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Rethink Sans';
    height: 165px;
    resize: none;
}
.get_form span.wpcf7-list-item-label {
    font-family: 'Jost' !important;
    font-size: 14px !important;
    color: #000 !important;
}
.get_form span.wpcf7-checkbox input {
    background: #0000 !important;
}
.get_form span.wpcf7-checkbox label {
    margin: 0 !important;
}
.get_form input.wpcf7-form-control.wpcf7-submit {
    height: 70px;
    border-radius: 42px;
    background: #DEDC00 !important;
    display: flex;
    align-items: center;
    padding: 0 !important;
    justify-content: center;
    color: #000;
    font-family: 'Rethink Sans' !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    transition: 0.5s;
}
.get_form input.wpcf7-form-control.wpcf7-submit:hover {
    background: #000 !important;
    color: #DEDC00 !important;
}
.get_form p {
    margin: 0;
}
.globally_main_section {
/*     padding-top: 100px !important; */
}
.page-id-823 .elementor-element-bbb571e {
    display: none !important;
}






























.tab-menu li {
    padding: 12px 84px !important;
    border-radius: 42px !important;
    background: #0000 !important;
    font-size: 18px !important;
    color: #10292C !important;
    border: 1px solid #1b1b1b36 !important;
    margin: 0 !important;
    transition: 0.5s;
}
ul.tab-menu {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 0 0 60px 0 !important;
}
.tab-menu li.active, .tab-menu li:hover {
    background: #DEDC00 !important;
    font-weight: 600 !important;
    border-color: #DEDC00 !important;
}
.tab-menu {
    display: flex;
    list-style: none;
    gap: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}
.tab-content img {
    height: 300px !important;
    border-radius: 35px !important;
    object-fit: cover !important;
}
.tab-content h3 {
    font-size: 38px;
    margin: 30px 0 10px 0 !important;
}
.tab-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.tab-item img {
    width: 100%;
    border-radius: 8px;
}
.fade {
    animation: fadeIn .5s;
}

.header_main .aux-master-menu .aux-menu-icon {
    font-size: 100%;
    vertical-align: middle;
    line-height: 100%;
}

@keyframes fadeIn {
    from {opacity:0;}
    to {opacity:1;}
}
.swiper-button-prev, .swiper-button-next, .mySlider h3 {
    display: none !important;
}
.mySlider .swiper-slide.swiper-slide-active {
	text-align: center;
}
/*===================================
		 My Custom Css End
===================================*/
@media (min-width: 1300px) {
	.mySlider .swiper-slide.swiper-slide-active {
		transform: scale(1.2);
		width: 520px !important;
		margin-top: -30px;
	}
	.mySlider .swiper-slide {
		width: 195px !important;
		margin-left: -4px;
	}
	.swiper.mySlider {
		padding-top: 50px;
	}
}
@media (min-width: 1200px) and (max-width: 1366px) {
	.globally_main_section .e-con-inner {
		max-width: 995px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.globally_main_section .e-con-inner {
		max-width: 995px !important;
	}
}
@media (min-width: 1025px) and (max-width: 1439px) {
	.header_left_col {
		width: 20% !important;
	}
	#master-menu-elementor-bfd46ef li a.aux-item-content {
		padding: 0px 0 0 20px;
		font-size: 16px;
	}
	a.elementor-button {
		padding: 13px 30px !important;
		font-size: 15px !important;
	}
	.home_banner .e-con-inner {
		padding-top: 100px;
	}
	h2 {
		font-size: 42px !important;
		line-height: 50px !important;
	}
	.services_heading_row {
		gap: 30px;
	}
	p {
		font-size: 18px !important;
	}
	.home_banner h2 {
    	font-size: 75px !important;
		line-height: 78px !important;
	}
	.home_banner .e-con-inner {
        padding-top: 110px !important;
        padding-bottom: 60px !important;
    }
	.partners_logo img {
		width: 120px;
	}
	.home_third_sec .e-con-inner >.elementor-element{
		padding: 100px 15px 100px !important;
	}
	.portfolio_sec .e-con-inner {
		padding: 100px 15px 100px !important;
	}
	.services_heading_row {
		gap: 50px;
	}
	.home_third_sec .e-con-inner {
		padding-bottom: 30px;
	}
	h3.elementor-heading-title {
		font-size: 30px !important;
		line-height: 40px;
	}
	.aux-modern-button .aux-icon svg {
		width: 20px;
		height: 20px;
	}
	.portfolio_sec .e-con-inner .elementor-element-976d15e {
		padding-bottom: 30px;
	}
	.portfolio_inner >.elementor-element, 
	.portfolio_grid  {
		gap: 30px !important;
	}
	.portfolio_box {
		min-height: 514px;
	}
	.elementor-element-382f5ba {
		margin-bottom: 10px;
	}
	.globally_box_main  {
		padding: 28px !important;
	}
	.globally_box_top {
		padding-bottom: 16px !important;
	}
	.globally_box_heading  h2 {
		font-size: 28px !important;
	}
	.globally_box_top img {
		width: 44px !important;
	}
	.globally_box_desc p {
		margin: 0px !important;
	}
	.globally_heading_row .elementor-element-c85c6a7 {
        padding: 28px !important;
        width: 670px;
    }
	.globally_box_main {
		max-width: 414px;
	}
	.globally_box_list {
		margin-top: 16px !important;
	}
	.globally_row_one {
		margin: -275px 0 0px !important;
	    padding-left: 180px !important;	
	}
	.globally_row_two {
		margin: -275px 0px 0px !important;
		padding-right: 220px !important;
	}
	.globally_row_three {
		padding-right: 53px;
		margin: -265px 0 0 !important;
	}
	.mastery_icon_contianer_two {
		right: unset !important;
	}
	.author-image img {
		width: 450px !important;
		max-width: 450px !important;
	}
	.testimonial-item {
		gap: 104px;
	}
	.testimonial-carousel .owl-nav svg {
		width: 60px;
		height: 60px;
	}
	.testimonial-carousel .owl-nav {
		top: 42%;
		gap: 380px;
		left: -25px;
	}
	.testimonial-carousel::after {
    	bottom: -65px;
		left: 358px;
	}
	.testimonial_right p.testi_descrip {
		font-size: 24px !important;
		line-height: 34px;
		padding-bottom: 62px;
	}
	.elementor-element-382f5ba {
		margin-bottom: 20px !important;
	}
/* 	.globally_heading_row .elementor-widget-heading {
		padding-right: 260px !important;
	} */
}
@media (min-width: 768px) and (max-width: 1024px) {
.inner_banner h2 {
    font-size: 54px !important;
    line-height: 56px !important;
}	
.tab-content img {
    height: 240px !important;
}
.tab-content h3 {
    font-size: 30px !important;
    line-height: 1.2;
}	
.tab-menu li {
    padding: 10px 55px !important;	
}	
.insight_sec_tab {
    padding-left: 15px;
    padding-right: 15px;
}		
	.globally_row_one, .globally_row_two, .globally_row_three, .globally_row_four {
        padding: 0px !important;
        transform: translate(0px) !important;
        opacity: 1 !important;
        margin: 0px !important;
    }
	.globally_row_two, .globally_row_three {
		justify-content: flex-start !important;
	}
	.author-image img {
    	width: 300px !important;
		max-width: 300px !important;
	}
	.testimonial_right p.testi_descrip {
		font-size: 18px;
		line-height: 26px;
		padding-bottom: 30px;
	}
	.testimonial-carousel .owl-nav {
		position: unset;
		gap: 30px;
		margin-top: 30px;
		justify-content: center;
	}
	.icon_right svg {
		width: 30px;
		height: 21px;
	}
	.icon_right {
		padding-bottom: 0px !important;
	}
	.author_title h3 {
		font-size: 20px !important;
	}
	.author_title p {
		font-size: 16px;
	}
	.company-logo img {
		max-width: 120px !important;
	}
	.testi_right_bottom {
		align-items: center;
	}
	.testimonial-carousel::after {
		height: 23%;
		bottom: 48px;
		left: 234px;
	}
	.testimonial-carousel::before {
    	top: -70px;
		left: -70px;
	}
	.testimonial-item {
		gap: 40px;
	}
	.testimonial-carousel .owl-nav svg {
		width: 40px;
		height: 40px;
	}
	.aux-modern-button .aux-icon svg {
		width: 20px;
		height: 20px;
	}
	body br {
		display: none !important;
	}
}
@media (min-width: 320px) and (max-width: 767px) {	
	body br {
		display: none !important;
	}
	.aux-modern-button .aux-icon svg {
		width: 20px;
		height: 20px;
	}
	.services_left_column {
		display: block !important;
	}
	.globally_heading_row {
		flex-direction: column-reverse !important;
		gap: 30px;
	}
	.globally_row_one, .globally_row_two, .globally_row_three, .globally_row_four, .globally_row_fifth {
        padding: 0px !important;
        transform: translate(0px) !important;
        opacity: 1 !important;
        margin: 0px !important;
    }
	.testimonial-item {
		gap: 20px;
		align-items: center;
		flex-direction: column;
	}
	.author-image img {
		width: 100% !important;
		max-width: 100% !important;
	}
	.testimonial_right p.testi_descrip {
		font-size: 18px;
		line-height: 27px;
		padding-bottom: 32px;
	}
	.testimonial-carousel .owl-nav {
		position: unset;
		gap: 15px;
		justify-content: space-between;
	}
	.testimonial-carousel .owl-nav button svg {
		width: 50px;
	}
	.author_title h3 {
		font-size: 18px !important;
	}
	.company-logo img {
        width: 100%;
        max-width: 150px !important;
    }
	.author_title p {
		font-size: 16px;
	}
	.testimonial-carousel .owl-nav button svg, .testimonial-carousel .owl-nav button {
		width: 50px;
		height: 60px;
		margin: 10px 0 0;
	}
	.icon_right {
		padding-bottom: 0px !important;
	}
	.testimonial_right p.testi_descrip {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 15px;
    }
	.footer_nav ul#menu-header-primary-menu-1 {
		text-align: left;
	}
	.footer_nav ul li a {
		padding: 0 16px 0 16px !important;
	}
	.footer_nav ul li:not(:last-child) a::before {
		width: 4px;
		height: 4px; 
		top: 13px;
	}
	.testimonial-carousel::before {
		width: 101px;
		height: 111px;
		top: -54px;
		left: -50px;
	}
	#menu-header-primary-menu li a.aux-item-content {
		padding: 0px 0 10px;
		font-size: 16px;
	}
	.footer_info_list ul {
		gap: 15px;
	}
}

@media (max-width: 1024px) {	
.get_form .col-md-6 {
    width: 47%;
}
.globally_row_fifth {
    opacity: 1 !important;
}	
}
@media (max-width: 767px) {	
.get_form .col-md-6 {
	width: 100%;
}	
.tab-menu li {
	padding: 10px 35px !important;
	font-size: 16px !important;
}	
.tab-posts {
    grid-template-columns: repeat(1, 1fr);
}	
.insight_sec_tab {
    padding-left: 15px !important;
    padding-right: 15px !important;
}	
.tab-content img {
    height: 340px !important;
}
.tab-content h3 {
	font-size: 30px !important;
	line-height: 1.2 !important;
	text-align: center;
}	
.tab-content p {	
	text-align: center;
}
ul.tab-menu {
    gap: 15px;
}	
.tab-menu li {
    padding: 10px 55px !important;	
}
}

@media (max-width: 480px) {	
.get_form textarea {	
	min-height: 150px !important;	
}	
get_form input.wpcf7-form-control.wpcf7-submit {
    height: 50px;
    font-size: 18px !important;
}	
    .tab-content img {
        height: 280px !important;
    }
	.tab-content h3 {
        font-size: 26px !important;
    }
    .tab-menu li {
        width: 100%;
        text-align: center;
    }
	
	
}