/* 
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.html
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 */
h1,h2,h3,h4,h5,h6,p,ul,ol{
	margin:0 0 10px 0;
	font-family: "Afacad", Sans-serif;
}
h1{
	font-size:30px;
}
h2{
	font-size:28px;
}
h3{
	font-size:26px;
}
h4{
	font-size:24px;
}
h5{
	font-size:22px;
}
ol li{
	font-size:16px;
	font-family: "Afacad", Sans-serif;
	margin-bottom:10px;
}
.career_cats .e-filter-item{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    padding: 11px 30px 11px 30px;
	color:#fff;
}
.e-filter-item{
	margin-right:10px;
}
.e-filter-item.active ,
.e-filter-item:hover{
    background-color: #fff;
    color: #000;
}

.career-item .d-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.career-item a.popup_button {
    color: #fff;
    font-size: 25px;
}
.popup_button svg {
    width: 20px;
    height: 20px;
}
.career-posts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}
.career-item h3 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 10px;
}
.career_heading .d-flex.workplace {
    justify-content: flex-start;
    gap: 10px;
}
.career_heading .sub_title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 15px;
}
.workplace p {
    padding: 6px 20px;
    border: 1px solid #fff;
    border-radius: 32px;
    font-size: 16px;
	display:flex;
	gap:5px;
}
.career_content{
	padding-top:20px;
}
.career_content .boldp {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
}

.sub-menu .menu-item > a.elementor-sub-item {
	display:none;
}
.sub-menu{
	background-color:#202020;
	position:relative;
	border-radius: 10px;
	min-width:492px !important;
	padding:20px !important;
}
.sub-menu:before{
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 10px;
    background: linear-gradient(92.22deg, rgba(167, 231, 255, 1) 0%, rgba(255, 156, 160, 1) 100%);
    z-index: -1;
    width: -webkit-fill-available;
    height: auto;
}
.sub-menu:after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: #292929;
    z-index: -1;
}
.sub-menu .submenu-icon {
  display:flex;
  flex-direction: row;
  gap:10px;
}
.sub-menu .submenu-text {
  color:#fff;
}
.elementor-nav-menu a:hover{
	color:#fff;
}
.submenu-title {
  font-size:20px;
  font-family:Afacad;
  line-height:1;
  margin-block:5px;
  font-weight:500;
}
.submenu-desc{
  font-size:15px;
  font-family:Afacad;
  line-height:1.33;
  font-weight:400;
	text-wrap: auto;
}
.submenu-icon svg{
  	font-size:36px;
	width:60px;
}
.header-icon a{
	border-width:0!important;
}
.sub-menu li:first-child .elementor-sub-item{
	padding-top:0px !important;
}
.sub-menu li:last-child .elementor-sub-item{
	padding-bottom:0px !important;
}
.text_animation .elementor-headline-dynamic-text{
	width:62px;
}
.elementor-heading-title{
	line-height:normal;
}
.gradient-text {
	background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(153, 153, 153, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sub-heding {
	 background: linear-gradient(
    -87.78deg,
    rgba(167, 231, 255, 1) 0%,
    rgba(255, 156, 160, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	display: inline-block;
	width: fit-content;
}
h2 span{
	 background: linear-gradient(
    -87.78deg,
    rgba(167, 231, 255, 1) 0%,
    rgba(255, 156, 160, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	display: inline-block;
	width: fit-content;
}
.heading-border h2{
	position:relative;
	padding-left:44px;
}
.heading-border h2:before{
  content:"";
	width: 16px;
	background: linear-gradient(180deg, rgba(107, 87, 255, 1) 0%, rgba(18, 18, 18, 1) 100%);
	display: block;
	height: 100%;
	position: absolute;
	left:0;
	top: 5px;
}
p {
	margin-block-end: 0rem;
	line-height: normal;
}

.icon_btn span.elementor-button-icon {
	padding: 1.5px;
	background-color: #6B57FF;
	border-radius: 50px;
}
.icon_btn .elementor-button-content-wrapper{
	 align-items: center;
}
.icon_btn .elementor-button-icon svg {
    height: auto;
    width: 21px;
}
.tech_grid:before {
    content: "";
    position: absolute;
    width: 100%; 
    height: 1px; 
    background-color: rgba(255, 255, 255, 0.3); 
    top: 50%;
    left: 0;
}
.tech_grid:after {
      content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    top: 0%;
    left: 33.33%;
}
.tech_border_right:after{
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	top: 0%;
	left: 66.66%;
}
summary.e-n-accordion-item-title[data-accordion-index="1"] {
    border-width: 0 0 0 0 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item:last-child summary.e-n-accordion-item-title {
    border-width: 1px 0 1px 0 !important;
}
.project_carousel img{
	/*width:70% !important;*/
	max-height:3.819vw;
}
.project_poster a{
	width:100%;
}
.project_poster{
	border-radius: 1vw;
}
figure.wp-caption {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	gap:10px;
	align-items: center;
}
figure.wp-caption img{
	object-fit: contain;
    margin-right: 0;
}
.feedback_carousel .elementor-swiper-button {
	border: 2px solid #fff !important;
    border-radius: 100px;
    padding: 5px;
}
.client_feedback.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{
	border-bottom:unset !important;
}
.projectsgrid .elementor-post-info a {
	position: relative;
	display: inline-block !important;
	padding: 10px 15px !important;
	border-radius: 60px !important;
	text-decoration: none;
	color: white; 
	background-color: transparent; 
	z-index: 1;
	margin-right: 10px;
	margin-bottom: 10px;
}
.projectsgrid .elementor-post-info a::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 40px;
    background: linear-gradient(92.22deg, rgba(167, 231, 255, 1) 0%, rgba(255, 156, 160, 1) 100%);
    z-index: -1;
}

.projectsgrid .elementor-post-info a::after {
    content: "";
    position: absolute;
    inset: 0; 
    border-radius: 40px;
    background: black; 
    z-index: -1;
}
.techs .elementor-image-box-wrapper{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	height: inherit;
}
.techs_tabs .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false]{
	color: white; 
	background-color: transparent; 
	z-index: 1;
}
.techs_tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false]:after{
	content: "";
	position: absolute;
	inset: 0; 
	border-radius: 4.167vw;
	background: black; 
	z-index: -1;
}
.techs_tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected=false]::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 4.167vw;
    background: linear-gradient(92.22deg, rgba(167, 231, 255, 1) 0%, rgba(255, 156, 160, 1) 100%);
    z-index: -1;
}
.border_circle{
	width: fit-content;
}
.border_circle:after{
	content: "";
	position: absolute;
	inset: 0; 
	border-radius: 40px;
	background: black; 
	z-index: -1;
}
.border_circle:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 40px;
    background: linear-gradient(92.22deg, rgba(167, 231, 255, 1) 0%, rgba(255, 156, 160, 1) 100%);
    z-index: -1;
}
.img_bbok_afree,
.img_bbok_afree img{
	height:100%;
}

.box_hovers .box {
	position: relative;
	overflow: hidden;

}

.box_hovers .box .box_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	height: fit-content;
	text-align: center;
	opacity: 0;
	transition: all 0.6s ease-in-out;
}

.box_hovers .box:hover .box_content {
	opacity: 1;
	z-index:100;
	
}

.box_hovers .box:hover .box_heading{
	animation: hoverEffect 0.0s ease-in-out forwards;
/* 	background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.3) 1.6548682004213333%,
    rgba(0, 0, 0, 1) 83.42579007148743%
  ); */
}
.box_hovers .box:hover h4{
	color:#000;
	font-size:35px;
}
.box_hovers .box:hover:nth-child(1)  .box_heading,
.box_hovers .box:hover:nth-child(4)  .box_heading{
	background: #E6F8FF;
	color:#000;
}
.box_hovers .box:hover:nth-child(2)  .box_heading,
.box_hovers .box:hover:nth-child(5)  .box_heading{
	background: #FFCECE;
	color:#000;
}
.box_hovers .box:hover:nth-child(3)  .box_heading,
.box_hovers .box:hover:nth-child(6)  .box_heading{
	background: #E6EFFF;
	color:#000;
}

.box_hovers .box:not(:hover) .box_heading {
	animation: hoverOutEffect 0.0s ease-in-out forwards;
}

@keyframes hoverEffect {
	0% {
		height:40%;
		transform: translateY(40%);
	}
	100% {
		height:100%;
		transform: translateY(0);
		padding: 85px 0 0 0;
	}
}
@keyframes hoverOutEffect {
	0% {
		height: 100%;
		
		transform: translateY(0);
		background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.3) 1.6548682004213333%,
    rgba(0, 0, 0, 1) 83.42579007148743%
  );
	}
	100% {		
		height: 30%;
		transform: translateY(10%);
	}
}
.testimonial_designation{
	font-size:18px !important;
}
.line-11 {
  margin-top: -1px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(18, 18, 18, 0.3) 0%,
    rgba(255, 255, 255, 0.3) 48.15411567687988%,
    rgba(18, 18, 18, 0.3) 100%
  );
  border-image-slice: 1;
}
.circle {
    animation: rotateText 10s linear infinite;
}
.elementor-counter .elementor-counter-number-suffix{
	display: inline-flex;
}
@keyframes rotateText {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.curve_box {
	position:relative;
}

.countdowns .elementor-widget-counter .elementor-counter-title{
	line-height:normal;
}
.center_line .elementor-counter:after{
	content:"";
	background-color:rgba(255, 255, 255, 0.3);
	height:20px;
	width:1px;
	top: 30%;
	position:absolute;
	left:50%;	
}
.countdowns .elementor-counter {
    gap: 20px;
}

.process .line:before{
	content: "";
	width: 100%;
	display: block;
	border: 0.68px dashed #fff;
	position: absolute;
	top: 30%;
	left: 62%;
}
.process .line svg,
.process .last .elementor-icon{
	background-color:#121212;
}
.coreboxHover .elementor-widget-icon-box{
    position: relative; 
    overflow: hidden;  
}
.coreboxHover .elementor-icon-box-wrapper {
	z-index: 2;
	position: relative;
}
.coreboxHover .elementor-widget-icon-box:after {
	content: "";
    background-color: #6B57FF;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10vw;
    transform: scale(0);
    transition: transform 1s ease-in-out 0s;
    z-index: 1;
    pointer-events: none;
}
.coreboxHover .elementor-widget-icon-box:hover::after {
   transform: scale(1.5);
	transition: transform 0.6s ease-in-out 0s;
}
.coreboxHover .elementor-widget-icon-box:hover svg path{
	fill:#fff;
	transition: transform 0.6s ease-in-out 0s;
}
.teambox {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.teambox .content {
	position: absolute;
	bottom: 0;
	width: 100%;
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	transition: 
		transform 0.6s ease-in-out,
		opacity 0.6s ease-in-out,
		visibility 0s linear 0.6s;
}

.teambox:hover .content {
	transform: translateY(0%);
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 200px 50px 250px rgba(107, 87, 255, 0.4);
    transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out, visibility 0s linear 0s;
    background-color: rgba(107, 87, 255, 0.4);
}

.teambox::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: transparent;
	filter: blur(0px);
	box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0);
	border-radius: 120px;
	z-index: -1;
	transition:
		background-color 0.6s ease,
		filter 0.6s ease,
		box-shadow 0.6s ease;
}

.teambox:hover::after {
	background-color: #6B57FF;
	filter: blur(100px);
	box-shadow: 0px 2px 30px 100px rgba(0, 0, 0, 0.2);
}
.teambox img {
    transition: filter 0.4s ease-in-out;
    filter: grayscale(100%) brightness(0.8) contrast(1.2);
}

.teambox:hover img {
    filter: grayscale(00%) brightness(0.8) contrast(1.2);
}
.span_color span {
  background: linear-gradient(
    93.41deg,
    rgba(167, 231, 255, 1) 22.512073814868927%,
    rgba(255, 156, 160, 1) 74.66968297958374%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
font-family: "Clash Display", Sans-serif;
	font-weight: 500;
	text-transform: initial;
}
.gradient-border:before,
.nav-pills .nav-link.active:before{
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 10px;
	background: linear-gradient(92.22deg, rgba(167, 231, 255, 1) 0%, rgba(255, 156, 160, 1) 100%);
    z-index: -1; 
		width: -webkit-fill-available;
    height: auto;
}
.gradient-border:after,
.nav-pills .nav-link.active:after{
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	background: #292929;
	z-index: -1;
}
.nav-pills .nav-link img{
	width: 10%;
}
.pro_tabs .nav-pills .nav-link{
	display: flex;  
	align-items: center;
    gap: 12px;
}
.pro_tabs .nav-pills .nav-link img{
	max-width: 37px;
}
.elementor-widget-theme-post-content .single-post p,
.elementor-widget-theme-post-content .single-post h2,
.elementor-widget-theme-post-content .single-post img{
	margin-bottom:20px !important;
	margin:unset;
	padding:0;
}
.elementor-widget-theme-post-content  .single-post h2{
	font-size:32px;
}
.elementor-widget-theme-post-content  .single-post p{
	font-size:20px;
	font-weight:400;	
}
.elementor-widget-theme-post-content  .content p{
	font-size:18px;
	cursor:pointer;
	margin-bottom:10px !important;
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}
.project-technologies {
	list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.project-technologies li {
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	width: 9%;
	text-align: center;
	padding: 10px;
}
.project-technologies li img {
    height: 60px;
}
.project-technologies li p{
	font-size:18px;
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;	
}
.tab-content {
    padding: 20px;
    background-color: #202020;
    border-radius: 10px;
    font-size: 18px;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}
.nav-pills {
    gap: 20px;
}
.nav-link {
    text-align: left;
    border-radius: 10px !important;
    color: #fff !important;
    border: unset;
    background-color: #202020 !important;
	  padding: 15px 10px;
}
.nav-link h3{
	 background-color: #202020 !important;  
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
	font-size: 18px !important;
	margin: 0;
	background: linear-gradient(
    -0deg,
    rgba(167, 231, 255, 1) 0%,
    rgba(255, 156, 160, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	display: inline-block;
	width: fit-content;
}
.nav-pills .nav-link.active{
	position:relative;
}
.pro_tabs {
    display: flex;
    flex-wrap: nowrap;
}
.pro_tabs .col-md-4{
	padding-right:10px !important;
	position:relative;
}
.pro_tabs .col-md-8{
	padding-left:10px !important;width:100%;
}
.pro_tabs .tabs-title {
	width: 50%;
/* 	position: absolute;
	bottom: 30px; */
	transform: translate(35%, 0px);
	max-width: 100%;
}
.stickypost .e-con-inner{
	flex-direction:row !important;	
}
.stickypost .elementor-element-9af1099 {
	width:50%;
}
.stickypost .elementor-element-9af1099 img{
	height: -webkit-fill-available;
}
.stickypost .projectsgrid .elementor-heading-title a{
	font-size: 38px !important;
	line-height:1 !important;
}
.projectsgrid .elementor-widget-theme-post-excerpt	
.elementor-widget-container {
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px !important;
}
.stickypost .projectsgrid {
	width:50%;
	padding:16px;
}
/* .projectsgrid .date h2{
	font-size:1.389vw !important;
} */

/* ul.rtmegamenu-contents.sub-menu.submenu {
    width: 28.722vw !important;
    margin-right: 17.5vw !important;
    top: 6.2vw !important;
} */
.menu-text {
    display: flex
;
}
.service_menu .elementor-icon-box-title{
	line-height: 1 !important;
}
/* .rtmega-menu-area ul.rtmega-megamenu > .menu-item {
    padding-left: 1.042vw;
    padding-right: 1.042vw;
} */
.e-filter-item {
  position: relative;
  z-index: 1;
  border: none;
  border-radius: 999px;
  padding: 10px 24px;
  background: #0f0f0f; /* inner fill */
  color: white;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
}

.e-filter-item::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px; 
  background: linear-gradient(92.22deg, rgba(167, 231, 255, 1), rgba(255, 156, 160, 1));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: 999px;
  pointer-events: none;
  z-index: -1;
}
.rtmega-menu-area .desktop-menu-area ul.rtmega-megamenu .menu-item-has-children .sub-menu{
	background:transparent;
}
.pro_tabs .col-md-4{
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
div#tabs-445 {
	display: flex;
}
.pro_tabs .col-md-4{
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.nav-pills .nav-link {
	position: relative;
	display: block;
	width: -webkit-fill-available;
	margin-bottom:20px;
}
div#v-pills-tab-445 {
    display: flex;
    flex-direction: column;
}
.tab-pane.fade.show.active {
    display: block;
}
.tab-pane.fade{
    display: none;
}

.about_us_circle .main-circle {
    position: relative;
    width: fit-content;
    padding: 10px;
    background-color: #6B57FF;
    border-radius: 50%;
    margin: auto;
}
.about_us_circle .circle {
    width: 138px;
    height: 138px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotateText 10s linear infinite;
}
.about_us_circle .logo{
    width: 70px;
    height: 25px;
    background-color: #6B57FF;
    position: absolute;
    top: 34%;
    transform: translate(50%, 50%);
}
.about_us_circle svg {
    width: 100%;
    height: 100%;
}

.about_us_circle text {
    font-size: 10px; 
    font-weight: normal;
    fill: white;
    text-transform: uppercase;
}
.techs img {
    margin: 0 auto;
    height: 70px;
    object-fit: contain;
}
.lernmore .elementor-button-icon svg{
	width:12px;
	height:12px;
}
.lernmore .elementor-button-content-wrapper{
	justify-content: center;
    align-items: center;
}
.play-feedback {display: none;}
.e-loop-item-3521 .jeremy.play-feedback{display: block;}
.e-loop-item-525 .stoneyshire.play-feedback{display: block;}
.elementor-widget-image.play-feedback a img[src$=".svg"]{width: 68px;animation: pulseScale 1.5s infinite ease-in-out;transform-origin: center center;}
.company-logo img {
	max-height: 60px;
	width:100%;
	object-fit:contain;
}
.client-feedback::before {
	content: "";
	background: url(https://staging.vr4creativity.com/wp-content/uploads/2025/08/voice-before.svg) no-repeat 0 calc(100% - 100px) / auto;
}
.client-feedback::after {
	content: "";
	background: url(https://staging.vr4creativity.com/wp-content/uploads/2025/08/voice-before.svg) no-repeat 0 0 / cover;
	position: absolute;
	bottom: 100px;
	right: 0;
	width: 300px;
	height: 247px;

}
.gif_box .elementor-image-box-img{
	border: 2px solid #fff;
    display: flex;
    justify-content: center;
    height: 76px;
    width: 76px !important;
    border-radius: 100px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.gif_box .elementor-image-box-img img{
	width: 43px;
    object-fit: contain;
}
.about_gif_box .elementor-image-box-img{
	width: 76px;
    padding: 13px;
    background-color: #202020;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.about_gif_box .elementor-image-box-img img{
	object-fit:contain;
}
.projectsgrid .elementor-icon-box-title {
    margin-top: 0;
}
.rtmega-menu-area.enabled-vertical-menu{
	position:relative;
}
.rtmega-menu-area .mobile-menu-area ul.rtmega-megamenu .menu-item.menu-item-has-children .menu-text{
	align-items: center;
}

@keyframes pulseScale {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.2); } 
  100% { transform: scale(1); }  
}

@keyframes rotateText {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.elementor-field-group input, .elementor-field-group textarea {
    position: relative;
}
.elementor-field-group input:hover, .elementor-field-group textarea:hover {
	border-color:#fff !important;
}
.elementor-field-group label {
	position: absolute;
	z-index:1;
	top:13px;
	left:25px;
	transition: all .15s ease-in-out;
}
.elementor-field-group.fill input,
.elementor-field-group.fill textarea{
	border-color:#fff !important;
}
.elementor-field-group.fill label {
	top:-12px;
	background-color:#202020;
	padding:5px;
	transition: all .15s ease-in-out;
	font-size:14px !important;
}

.custom-upload {
	position: relative;
	width: 100%;
}

.upload-box {
    border: 1px dashed #575757;
    border-radius: 12px;
    padding: 13px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    background: #202020;
    color: #fff;
}

.upload-icon {
    font-size: 20px;
}

.upload-text {
    color: #9F9F9F;
	font-size:18px;
}


.file-name {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #cbd5f5;
}
.swiper-pagination-bullet-active{
	background-color: #6B57FF !important;
	width: 20px !important;
	border-radius: 6px !important;
}
.elementor-widget-loop-carousel .swiper-pagination-bullet{
	opacity:1 !important;
/* 	background-color:#535353 !important; */
}

.desktop-mockup-swiper:after {
    content: "";
    height: 100%;
    position: absolute;
    background-image: url(/wp-content/uploads/2026/01/Apple-Macbook-Gold.webp);
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    left: 0%;
	background-position:top center;
}
.desktop-mockup-swiper .swiper-slide-prev img,
.desktop-mockup-swiper .swiper-slide-next img{
	opacity:.5;
	height:540px;
}
.swiper-slide-active img.desktop-screen {
	width: 800px;
	border-radius:5px
}
img.desktop-frame {
	width: 1140px;
	padding-top: 30px;
}
.desktop-mockup-wrap {
    padding-top: 40px;
}
.desktop-mockup-swiper .swiper-button-prev.custom-nav {
    left: 15%;
}
.desktop-mockup-swiper .swiper-button-next.custom-nav {
    right: 15%;
}
.swiper.desktop-mockup-swiper {
    padding-top: 20px;
}
.mobile-slider-wrap {
    margin: auto;
}

.mobile-mockup-swiper {
    overflow: visible;
}

.mobile-mockup-swiper .swiper-slide {
    transition: all 0.4s ease;
    opacity: 0.3;
    transform: scale(0.85);
}

.mobile-mockup-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1);
    z-index: 5;
}

.mobile-mockup-swiper .mockup {
    position: relative;
    width: 280px;
    margin: 35px auto;
}
.mobile-mockup-swiper .swiper-slide-active .mockup{
		width: 315px;
		margin: auto;
}
.mobile-mockup-swiper .mockup .screen {
    position: absolute;
    top: 1%;
    left: 3%;
    width: 94%;
    height: 98%;
    border-radius: 36px;
    z-index: 2;
}

.mobile-mockup-swiper .mockup .frame {
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
    pointer-events: none;
}
.custom-nav {
    width: 44px;
    height: 44px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    display: none; 
}

.swiper-button-prev.custom-nav {
    left: 30%;
		width: 44px;
}

.swiper-button-next.custom-nav {
    right: 30%;
		width: 44px;
}

.custom-nav svg {
    cursor: pointer;
}
.desktop-slider-wrap {
    position: relative;
}
.desktop-mockup {
    display: flex;
    justify-content: center;
}

.visual_tabs.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"],
.visual_tabs.elementor-widget-n-tabs .e-n-tab-title:hover,
.visual_tabs.elementor-widget-n-tabs .e-n-tab-title:hover{
	border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    92.75deg,
    rgba(167, 231, 255, 1) 0%,
    rgba(255, 156, 160, 1) 100%
  );
  border-image-slice: 1;	
  position: relative;
}
.company-logo-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.logo-wrapper {
    width: 100%;
    overflow: hidden;
}

.logo-wrapper::before {
    content: "";
    position: absolute;
    width: 286px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(18, 18, 18, 1) 11.76%, rgba(18, 18, 18, 0) 100%);
    z-index: 9999000;
    right: 0;
}

.logo-wrapper::after {
    content: "";
    position: absolute;
    width: 286px;
    height: 85px;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, rgba(18, 18, 18, 1) 11.76%, rgba(18, 18, 18, 0) 100%);
    z-index: 9999000;
    right: 0;
}

.logo-wrapper .logo-wrapper {
    display: inline-flex;
    white-space: nowrap;
    will-change: transform;
    animation: scrollLeft var(--speed) linear infinite;
    width: max-content;
/*     gap: var(--logo-gap); */
    align-items: center;
}

.company-logo-slider.pause-hover .logo-wrapper:hover .logo-track {
    animation-play-state: paused;
}

.logo-slide {
    width: auto;
    height: 100%;
    object-fit: contain;
    max-height: 100%;
}

.company-logo-slider.fade .logo-track {
    animation: none;
}

.insurance-companies .elementor-widget-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.logo-slide[data-src] {
    opacity: 0;
    transition: opacity 0.3s;
}

.logo-slide[src] {
    opacity: 1;
}
@media (max-width: 1919px) {
	.desktop-mockup-swiper .swiper-slide-prev img,
	.desktop-mockup-swiper .swiper-slide-next img{
		opacity:.5;
		height:490px;
	}
	.swiper-slide-active img.desktop-screen {
		width: 780px;
	}
	img.desktop-frame {
		width: 1014px;
		padding-top: 30px;
	}
	.icon_btn .elementor-button-icon svg {
		width: 17px;
	}
	.gif_box .elementor-image-box-img img {
		width: 41px;
	}
	.gif_box .elementor-image-box-img{
		height: 67px;
    	width: 67px !important;
	}
	.projectsgrid .elementor-post-info a{
		padding: 7px 10px !important;
	}
	.techs img{
		height:62px;
	}
	.heading-border h2:before{
		width:13px;
	}
}
@media (max-width: 1440px) {
	.innovation_section .box_hovers .box:hover h4{
		font-size:30px;	
	}
	.stickypost .projectsgrid .elementor-heading-title a{
		font-size: 34px !important
	}
}
@media (max-width: 1365px) {
	.desktop-mockup-swiper .swiper-button-prev.custom-nav {
		left: 12%;
		width:30px;
	}
	.desktop-mockup-swiper .swiper-button-next.custom-nav {
		right: 12%;
		width:30px;
		
	}
	.swiper-slide-active img.desktop-screen {
        width: 700px;
    }
	.desktop-mockup-swiper .swiper-slide-prev img, .desktop-mockup-swiper .swiper-slide-next img {
        height: 440px;
    }
	.desktop-mockup-swiper:after{
		background-size: 74%;
	}
	h1{
		font-size:28px;
	}
	h2{
		font-size:26px;
	}
	h3{
		font-size:24px;
	}
	h4{
		font-size:22px;
	}
	h5{
		font-size:20px;
	}
}
@media (max-width: 1257px) {
	.desktop-mockup-swiper:after{
		background-size: 67%;
	}
	.swiper-slide-active img.desktop-screen {
        width: 640px;
    }
	.desktop-mockup-swiper .swiper-slide-prev img, .desktop-mockup-swiper .swiper-slide-next img {
        height: 420px;
    }
}
@media (max-width: 1024px) {
	.stickypost .projectsgrid .elementor-heading-title a{
		font-size: 30px !important
	}
	.innovation_section .box_hovers .box:hover h4{
		font-size:25px;	
	}
	@keyframes hoverEffect {
		0% {
			height:40%;
			transform: translateY(40%);
		}
		100% {
			height:100%;
			transform: translateY(0);
			padding: 30px 0 0 0;
		}
	}
	ul.rtmegamenu-contents.sub-menu.submenu{
		width:100% !important;
	}
	.tab-content{
		font-size:16px;
		padding:15px;
	}
	.project-technologies li img {
		height: 50px;
	}
	.swiper-slide-active img.desktop-screen {
        width: 530px;
    }
	.desktop-mockup-swiper .swiper-slide-prev img, .desktop-mockup-swiper .swiper-slide-next img {
        height: 330px;
    }
	.desktop-mockup-wrap {
		padding-top: 0px;
	}
	h1{
		font-size:26px;
	}
	h2{
		font-size:24px;
	}
	h3{
		font-size:22px;
	}
	h4{
		font-size:20px;
	}
}
@media (min-device-width: 1024px) and (max-device-width: 1200px) {
	
	
	.icon_btn .elementor-button-icon svg {
		width: 15px ;
	}
	/*.icon_btn span.elementor-button-icon {
		padding: 0.9vw;
	}*/
	.elementor-466 .elementor-element.elementor-element-e2f2576 .elementor-icon-box-title{
		margin-top:0;
	}
	.elementor-widget-n-tabs .e-n-tabs-heading{
		padding-top:1px;
		padding-bottom:1px;
	}
	.testimonial_designation{
		font-size:1.563vw;
	}
	/*.projectsgrid .elementor-post-info a{
		padding: 1vw 3vw;
	}*/
	.about_us_circle text {
		font-size: 60%;
	}
	.about_us_circle .circle {
    	width: 12.417vw;
		height: 12.417vw;
	}
	.about_us_circle .logo{
		width: 5.931vw;
		height: 5.931vw;
		top: 11%;
		left: 11%;
	}
	div#second.row{
		top: 9.5vw;
	}
	div#process {
		padding-bottom: 10vw;
	}
	div#second.row {
		top: 8.5vw  !important;
	}
	.line-41,.line-40,.line-39
	{
		top: 34vw !important;
	}
	.line-34{
		left: 64vw !important;
	}
	.upload-text {
		font-size: 16px;
	}
}
@media (max-width: 991px) {
	.elementor-nav-menu--dropdown{
		background-color:#202020;
		padding: 10px 20px;
	}
	.elementor-nav-menu .elementor-item{		
		font-size:18px !important;
	}
	.project-technologies li img {
		height: 40px;
	}
	.elementor-nav-menu .sub-arrow path{
		fill :#fff;
	}
	.sub-menu{
		width:100% !important;
	}
	.elementor-nav-menu--dropdown .menu-item a{
		color:#fff;
	}
	.elementor-nav-menu--dropdown .menu-item a:hover{
		background:#fff;
	}
	.sub-menu {
        width: 100% !important;
        min-width: 100% !important;
    }
	.submenu-icon svg{
		width:30px;
		height:auto;
	}
	a.elementor-sub-item {
		padding: 15px 0 !important;
		border: none;
	}
	.sub-menu .menu-item{
		border:none !important;
	}
	.elementor-nav-menu--dropdown svg path{
        opacity: 1 !important;
        visibility: visible !important;
		fill:#fff;
    }
	.submenu-title,
	.elementor-nav-menu .elementor-item {
        font-size: 16px !important;
		margin:0 !important;
    }
	.sub-menu .elementor-nav-menu li{
		border-style: none;
	}
	.submenu-desc {
		font-size: 14px;
	}
	.upload-text {
		font-size: 16px;
	}
	.sub-menu:after,.sub-menu:before,.submenu-desc{
		display:none;
	}
	.sub-menu{
		padding:0 !important;
	}
	.sub-menu .submenu-icon{
		gap:13px;		
    	align-items: center;
	}
	.submenu-title, .elementor-nav-menu .elementor-item{
		justify-content: space-between;
	}
	.highlighted .sub-arrow svg{
		transform: rotate(180deg);
		transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	}
	.sub-arrow svg{
		transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	}
	.swiper-button-prev.custom-nav {
		left: 20%;
	}
	.swiper-button-next.custom-nav{
		right:20%
	}
	.desktop-mockup-swiper:after {
        background-size: 100%;
    }
	.swiper-slide-active img.desktop-screen {
        width: 78%;
    }
	.desktop-mockup-swiper .swiper-button-next.custom-nav{
		right:0;
		width:25px;
	}
	.desktop-mockup-swiper .swiper-button-prev.custom-nav{
		left:0;
		width:25px;
	}
	h1{
		font-size:24px;
	}
	h2{
		font-size:22px;
	}
	h3{
		font-size:20px;
	}
}
@media (max-width: 767px) {
	.company-logo img {
		max-height: 100%;
        width: auto;
        object-fit: contain;
        margin-right: auto;
	}
	.stickypost .projectsgrid .elementor-heading-title a{
		font-size: 26px !important
	}
	@keyframes hoverEffect {
		0% {
			height:40%;
			transform: translateY(40%);
		}
		100% {
			height:100%;
			transform: translateY(0);
			padding: 40px 0 0 0;
		}
	}
	.innovation_section .box_hovers .box:hover h4{
		font-size:20px;	
	}
	.tech_grid:after,
	.tech_border_right:after,
	.tech_grid:before{
		display:none;
	}
	.icon_btn .elementor-button-icon svg {
		width: 8px !important;
	}
	/*.icon_btn span.elementor-button-icon {
		padding: 2vw ;
	}*/
	.elementor-466 .elementor-element.elementor-element-e2f2576 .elementor-icon-box-title{
		margin-top:0;
	}
	.elementor-widget-n-tabs .e-n-tabs-heading{
		padding-top:1px;
		padding-bottom:1px;
	}
	.testimonial_designation{
		font-size:4.167vw;
	}
	.projectsgrid .elementor-post-info a{
		padding: 7px 12px !important;
		margin-bottom:5px;
	}
	.heading-border h2:before{
		width: 1.903vw;
	}
	.heading-border h2{
		padding-left: 4.083vw;
	}
	.swiper-slide img.desktop-screen{
		width: 78% !important;
		height:auto;
	}
	.swiper.desktop-mockup-swiper{
		padding-bottom: 40px;
	}
	.rtmega-menu-area .mobile-menu-area .rtmega-menu-mobile-sidebar{
		width:100% !important;
		top:0 !important;
	}
	.rtmega-menu-area ul.rtmega-megamenu > .menu-item {
		padding-left: 4.042vw !important;
		padding-right: 9.042vw !important;
	}
	.elementor-counter:after{
		display:none;
	}
	.about_us_circle .circle {
		width: 20.417vw;
		height: 20.417vw;
	}
	.about_us_circle .logo {
		width: 9.931vw;
		height: 9.931vw;
		top: 10%;
	}
	.about_us_circle .main-circle{
		margin: unset !important;
		margin-right: auto !important;
	}
	.elementor-widget-image.play-feedback a img[src$=".svg"]{width: 50px;}
	.gif_box .elementor-image-box-img{height: 50px;width: 50px !important;}
	.gif_box .elementor-image-box-img img{width: 28px;}
	.project_carousel img{max-height: 75px}
	.swiper-button-prev.custom-nav {
		left: 10%;
	}
	.swiper-button-next.custom-nav{
		right:10%
	}
	.pro_tabs{
		flex-direction: column;
	}
	.pro_tabs .col-md-4{
		max-width:100%;
	}
	.desktop-mockup-swiper:after{
		top: 3%;
	}
	.project-technologies li{
		flex: 0 0 calc((100% - 100px) / 4);
		width:auto
	}
}
@media (max-width: 450px) {
	.project-technologies li{
		flex: 0 0 calc((100% - 50px) / 3);
		width:auto
	}
	.projectsgrid .elementor-post-info a{
		margin-bottom: 10px;
	}
	.stickypost .projectsgrid{
		width:100%;
	}
	.submenu-title,
	.elementor-nav-menu .elementor-item {
        font-size: 16px !important;
    }
	.submenu-desc {
		font-size: 14px;
	}
	.sub-menu{
		padding:15px 0!important;
	}	
	.upload-text {
		font-size: 15px;
	}
}