/* 
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 */

/* .vanilla-preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	transition: 0.4s opacity;
	pointer-events:none;
	background: url('https://finbridge.twebexponent.in/wp-content/uploads/2025/03/Logo.svg') 50% 50% no-repeat #fff; 
} */

.logo-preloader-container {
	opacity: 1;
	background-color: #fff !important;
	animation: animOpac 0.5s ease-in-out forwards 1.51s;
}

.logo-preloader {
	width: 100%;
	height: 100dvh;
	display: grid;
	place-items: center;
	background-color: #fff;
}

.logo-preloader figure {
	overflow: hidden;
}

.logo-preloader svg {
	width: 18rem;
	height: auto;
	transform: scale(0.85);
	opacity: 0;
	animation: animScale 0.5s ease-in-out forwards;
}

.logo-preloader .animPath {
	animation: animDraw 1s ease-in 0.25s forwards;
	stroke-dasharray: 116;
}


@keyframes animDraw {
	from {
		stroke-dashoffset: 0;
	}

	to {
		stroke-dashoffset: -116;
	}
}


@keyframes animScale {
	from {
		transform: scale(0.85);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}


@keyframes animOpac {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.elementor-editor-active .logo-preloader {
	display: none;
}

body {
	overflow-x: hidden;
}

.circle1,
.circle,
.graph1,
.graph2,
.pyramid {
	box-sizing: border-box;
	overflow: hidden;
	transform: scale(1);
}

/* Pop Effect Animation */
@keyframes popEffect {
	0% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.2);
		/* Slightly enlarges */
	}

	50% {
		transform: scale(0.9);
		/* Slightly shrinks */
	}

	70% {
		transform: scale(1.1);
		/* Expands again */
	}

	100% {
		transform: scale(1);
		/* Back to normal */
	}
}

/* Apply Pop Effect with Different Delays */
.circle1 {
	animation: popEffect 4s ease-in-out infinite;
	animation-delay: 1s;
}

.circle {
	animation: popEffect 4s ease-in-out infinite;
	animation-delay: 2s;
}

.graph1 {
	animation: popEffect 4s ease-in-out infinite;
	animation-delay: 1.5s;
}

.graph2 {
	animation: popEffect 4s ease-in-out infinite;
	animation-delay: 2.5s;
}

.pyramid {
	animation: popEffect 4s ease-in-out infinite;
	animation-delay: 1s;
}

.header nav ul li a:hover,
.header nav ul li a.elementor-item-active {
	background: rgba(26, 61, 153, 0.14);
	border-radius: 32px;
}

.header nav ul li a::before {
	border: 0 !important;
}



.footernav ul li {
	display: inline-block;
	width: 48%;
}

.imgbg {
	background: #EAF6FC;
	width: 67px;
	height: 67px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: auto;
}

.imgbg .elementor-widget-container {
	height: max-content !important;
	position: relative;
	display: inline-block;
}

.imgbg .elementor-widget-container img {
	animation: popEffect2 10s alternate ease-in-out;
}

@keyframes popEffect2 {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.1);
	}

	20% {
		transform: scale(0.2);
	}

	30% {
		transform: scale(0.3);
	}

	40% {
		transform: scale(0.4);
	}

	50% {
		transform: scale(0.5);
	}

	60% {
		transform: scale(0.6);
	}

	70% {
		transform: scale(0.7);
	}

	80% {
		transform: scale(0.8);
	}

	90% {
		transform: scale(0.9);
	}

	100% {
		transform: scale(1);
	}
}



.whatweoffer h3 {
	position: relative;
}

.whatweoffer h3::before {
	content: '';
	position: absolute;
	left: -63px;
	top: 20px;
	width: 55px;
	height: 1px;
	background: url('https://finbridge.twebexponent.in/wp-content/uploads/2025/03/Line1.png') no-repeat center left;
}

.whatweoffer h3::after {
	content: '';
	position: absolute;
	right: -65px;
	top: 20px;
	width: 55px;
	height: 1px;
	background: url('https://finbridge.twebexponent.in/wp-content/uploads/2025/03/Line2.png') no-repeat center right;
}



.iconcontainer1 {
    position: relative;
    display: inline-block;
}

.iconcontainer1::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -1px;
    width: 83px; /* Adjust size */
    height: 83px; /* Adjust size */
    border: 2px dashed rgba(0, 119, 255, 0.6); /* Border color */
    border-radius: 50%;
    animation: rotateCircle 4s linear infinite;
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.provenprocess{}

.number-circle {
    animation: rotateIn 2s ease-out;
}

@keyframes rotateIn {
    0% {
        transform: rotate(-180deg) scale(0.3);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }
}


.e-n-accordion-item[open] summary.e-n-accordion-item-title{border-radius:6px 6px 0 0 !important;}


/*typewrting animation*/

.typewriter h1 {
  white-space: pre-wrap; /* Keeps line breaks */
  text-align: center;
  font-size: 2em;
  display: inline-block;
  font-family:'poppins';
  font-size:75px;
  line-height:1.3;
}

/* Blinking cursor animation */
@keyframes blink-caret {
  from, to { border-color: transparent; }
  50% { border-color: orange; }
}

.blinking-cursor {
  animation: blink-caret 0.75s step-end infinite;
}





@media screen and (max-width:1360px) {
	.circle1 {
		left: 40px !important;
		top: 208px !important;
	}
}

@media screen and (max-width:1280px) {
	.circle1 {
		left: 31px !important;
		top: 208px !important;
	}

	.circle {
		left: 483px !important;
	}

	.graph2 {
		left: 531px !important;
	}
}

@media screen and (max-width:1180px) {
	.circle1 {
		left: 31px !important;
		top: 208px !important;
	}

	.circle1 img {
		max-width: 70%;
	}

	.circle {
		left: 437px !important;
	}

	.circle img {
		max-width: 80%;
	}

	.graph2 {
		left: 481px !important;
	}

	.graph2 img {
		max-width: 90%;
	}

	.graph1 {
		left: 130px !important;
	}

	.graph1 img {
		max-width: 70%;
	}

	.pyramid {
		left: 228px !important;
	}

	.pyramid img {
		max-width: 70%;
	}
}

@media screen and (max-width:1024px) {
	.typewriter h1{font-size:57px;}
	
	.circle1 {
		left: 15px !important;
		top: 152px !important;
	}

	.circle1 img {
		max-width: 70%;
	}

	.circle {
		left: 362px !important;
	}

	.circle img {
		max-width: 70%;
	}

	.graph2 {
		left: 391px !important;
		top: 186px !important;
	}

	.graph2 img {
		max-width: 90%;
	}

	.graph1 {
		left: 87px !important;
	}

	.graph1 img {
		max-width: 70%;
	}

	.pyramid {
		left: 191px !important;
	}

	.pyramid img {
		max-width: 70%;
	}

	.header .elementor-nav-menu__container {
		position: fixed !important;
		left: -100%;
		width: 250px !important;
		height: 100vh;
		background: white;
		transition: left 0.5s ease-in-out;
		top: 0 !important;
		margin-top: 0 !important;
	}

	/* When the menu is active, make it slide in */
	.header .elementor-nav-menu--dropdown-active .elementor-nav-menu__container {
		left: 0;
	}

	/* Ensure menu items display properly */
	.header .elementor-nav-menu--dropdown .elementor-nav-menu {
		display: flex;
		flex-direction: column;
		padding: 20px;
	}

	.imgbg {
		width: 47px;
		height: 47px;
	}

	.imgbg img {
		max-width: 70%;
	}

	.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
	.elementor-nav-menu--dropdown .elementor-item.highlighted,
	.elementor-nav-menu--dropdown .elementor-item:focus,
	.elementor-nav-menu--dropdown .elementor-item:hover,
	.elementor-sub-item.elementor-item-active,
	.elementor-sub-item.highlighted,
	.elementor-sub-item:focus,
	.elementor-sub-item:hover {
		background: rgba(26, 61, 153, 0.14) !important;
		color: #1A3D99;
	}

	.header ul li {
		padding-bottom: 15px;
	}

	.header ul li:last-child {
		padding-bottom: 0;
	}
}

@media screen and (max-width:992px){
	.elementor-523 .elementor-element.elementor-element-7810318{padding-left:0 !important;padding-right:50px !important;}
}


@media screen and (max-width:932px) {
	.circle1 {
		left: 10px !important;
		top: 141px !important;
	}

	.circle1 img {
		max-width: 60%;
	}

	.circle {
		left: 305px !important;
	}

	.circle img {
		max-width: 50%;
	}

	.graph2 {
		left: 346px !important;
		top: 160px !important;
	}

	.graph2 img {
		max-width: 70%;
	}

	.graph1 {
		left: 71px !important;
		top: 82px !important;
	}

	.graph1 img {
		max-width: 50%;
	}

	.pyramid {
		left: 165px !important;
	}

	.pyramid img {
		max-width: 60%;
	}

	.header {
		padding: 0 20px;
	}
	
}

@media screen and (max-width:820px) {
	.typewriter h1{font-size:50px;}
	.circle1 {
		left: 10px !important;
		top: 114px !important;
	}

	.graph1 {
		left: 57px !important;
		top: 61px !important;
	}

	.pyramid {
		left: 140px !important;
	}

	.circle {
		left: 258px !important;
	}

	.graph2 {
		left: 304px !important;
		top: 139px !important;
	}
	
	.elementor-523 .elementor-element.elementor-element-1f3dca0{display:block !important;}
	.elementor-523 .elementor-element.elementor-element-2e4cc58{width:100% !important;}
}

@media screen and (max-width:768px) {
	.circle1 {
		left: 3px !important;
		top: 110px !important;
	}

	.circle1 img {
		max-width: 50%;
	}

	.graph1 {
		left: 43px !important;
		top: 58px !important;
	}

	.graph1 img {
		max-width: 40%;
	}

	.pyramid {
		left: 124px !important;
	}

	.pyramid img {
		max-width: 50%;
	}

	.circle {
		left: 238px !important;
	}

	.circle img {
		max-width: 45%;
	}

	.graph2 {
		left: 279px !important;
		top: 132px !important;
	}
	
	.customfooter .elementor-element{--widgets-spacing-column:0px !important;}
	.whatweoffer h3::before{left:-16px;}
	.whatweoffer h3::after{right:-19px;}
}

@media screen and (max-width:767px) {
	.circle1 {
		left: 70px !important;
		top: 220px !important;
	}

	.circle1 img {
		max-width: 100%;
	}

	.graph1 {
		left: 171px !important;
		top: 85px !important;
	}

	.graph1 img {
		max-width: 100%;
	}

	.pyramid {
		left: 303px !important;
	}

	.pyramid img {
		max-width: 100%;
	}

	.circle {
		left: 521px !important;
	}

	.circle img {
		max-width: 100%;
	}

	.graph2 {
		left: 562px !important;
		top: 267px !important;
	}

	.graph2 img {
		max-width: 100%;
	}

	.imgbg {
		width: 67px;
		height: 67px;
	}

	.service-text {
		text-align: center;
		margin-top: 20px;
	}

	.service-text .elementor-button-link {
		display: flex;
		justify-content: center;
	}
	
	.provenprocess .elementor-element{flex-wrap:nowrap;}
	.elementor-647 .elementor-element.elementor-element-a2c56e5{padding-left:0;}
	.elementor-107 .elementor-element.elementor-element-f837e12 .elementor-heading-title{margin-right:20px;}
	.whatweoffer h3::before{left:-60px;}
	.whatweoffer h3::after{right:-63px;}
}

@media screen and (max-width:720px) {
	.typewriter h1{font-size:44px;}
	.circle1 {
		left: 45px !important;
		top: 199px !important;
	}

	.circle1 img {
		max-width: 90%;
	}

	.graph1 {
		left: 146px !important;
		top: 104px !important;
	}

	.graph1 img {
		max-width: 90%;
	}

	.pyramid {
		left: 277px !important;
	}

	.graph2 {
		left: 539px !important;
	}
	
	:where( .elementor-647 .elementor-element.elementor-element-10bc48e > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{line-height:32px;}
}

@media screen and (max-width:667px) {
	.circle {
		left: 472px !important;
	}

	.circle1 {
		left: 27px !important;
	}

	.graph1 {
		left: 118px !important;
	}

	.pyramid {
		left: 246px !important;
	}

	.graph2 {
		left: 502px !important;
		top: 247px !important;
	}
}

@media screen and (max-width:640px){
	.typewriter h1{font-size:35px;}
	.whatweoffer h3::before{left:-35px;}
	.whatweoffer h3::after{right:-38px;}
}


@media screen and (max-width:575px) {
	.circle1 {
		left: 11px !important;
		top: 168px !important;
	}

	.circle1 img {
		max-width: 80%;
	}

	.graph1 {
		left: 94px !important;
		top: 84px !important;
	}

	.graph1 img {
		max-width: 80%;
	}

	.pyramid {
		left: 200px !important;
	}

	.pyramid img {
		max-width: 80%;
	}

	.circle {
		left: 405px !important;
	}

	.circle img {
		max-width: 80%;
	}

	.graph2 {
		left: 430px !important;
		top: 203px !important;
	}

	.graph2 img {
		max-width: 80%;
	}
	
	.provenprocess h3{margin-right:15px;line-height:30px !important;}
	.provenprocess .elementor-element{justify-content:center;}
}

@media screen and (max-width:540px) {
	.circle1 {
		left: 18px !important;
		top: 166px !important;
	}

	.circle1 img {
		max-width: 65%;
	}

	.graph1 {
		left: 94px !important;
		top: 84px !important;
	}

	.graph1 img {
		max-width: 65%;
	}

	.pyramid {
		left: 200px !important;
	}

	.pyramid img {
		max-width: 65%;
	}

	.circle {
		left: 359px !important;
		top: 40px !important;
	}

	.circle img {
		max-width: 55%;
	}

	.graph2 {
		left: 394px !important;
		top: 203px !important;
	}

	.graph2 img {
		max-width: 65%;
	}
}

@media screen and (max-width:480px) {
	.circle1 {
		left: 5px !important;
		top: 136px !important;
	}

	.circle1 img {
		max-width: 60%;
	}

	.graph1 {
		left: 66px !important;
		top: 70px !important;
	}

	.graph1 img {
		max-width: 60%;
	}

	.pyramid {
		left: 164px !important;
	}

	.pyramid img {
		max-width: 60%;
	}

	.circle {
		left: 308px !important;
		top: 40px !important;
	}

	.circle img {
		max-width: 50%;
	}

	.graph2 {
		left: 339px !important;
		top: 170px !important;
	}

	.graph2 img {
		max-width: 60%;
	}
}

@media screen and (max-width:430px) {
	.circle1 {
		left: 5px !important;
		top: 118px !important;
	}

	.circle1 img {
		max-width: 60%;
	}

	.graph1 {
		left: 55px !important;
		top: 54px !important;
	}

	.graph1 img {
		max-width: 55%;
	}

	.pyramid {
		left: 135px !important;
	}

	.pyramid img {
		max-width: 60%;
	}

	.circle {
		left: 258px !important;
		top: 22px !important;
	}

	.circle img {
		max-width: 50%;
	}

	.graph2 {
		left: 293px !important;
		top: 151px !important;
	}

	.graph2 img {
		max-width: 60%;
	}
}

@media screen and (max-width:414px) {
	.circle1 {
		left: 5px !important;
		top: 118px !important;
	}

	.circle1 img {
		max-width: 55%;
	}

	.graph1 {
		left: 55px !important;
		top: 54px !important;
	}

	.graph1 img {
		max-width: 50%;
	}

	.pyramid {
		left: 135px !important;
	}

	.pyramid img {
		max-width: 55%;
	}

	.circle {
		left: 258px !important;
		top: 22px !important;
	}

	.circle img {
		max-width: 55%;
	}

	.graph2 {
		left: 279px !important;
		top: 151px !important;
	}

	.graph2 img {
		max-width: 55%;
	}

	.footernav ul li {
		display: block;
		width: 100%;
	}
	
	.elementor-647 .elementor-element.elementor-element-2a0807c .elementor-heading-title{line-height:32px;}
	.whatweoffer h3::before{left:-18px;}
	.whatweoffer h3::after{right:-21px;}
}

@media screen and (max-width:393px) {
	.circle1 {
		left: 1px !important;
		top: 113px !important;
	}

	.circle1 img {
		max-width: 50%;
	}

	.graph1 {
		left: 34px !important;
		top: 54px !important;
	}

	.graph1 img {
		max-width: 45%;
	}

	.pyramid {
		left: 116px !important;
	}

	.pyramid img {
		max-width: 50%;
	}

	.circle {
		left: 231px !important;
		top: 22px !important;
	}

	.circle img {
		max-width: 50%;
	}

	.graph2 {
		left: 261px !important;
		top: 132px !important;
	}

	.graph2 img {
		max-width: 50%;
	}
}

@media screen and (max-width:375px) {
	.typewriter h1{font-size:32px;}
	.circle1 {
		top: 101px !important;
	}

	.graph2 {
		left: 249px !important;
		top: 132px !important;
	}

	.pyramid {
		left: 101px !important;
	}
	.whatweoffer h3::before{left:-31px;}
	.whatweoffer h3::after{right:-34px;}
}

@media screen and (max-width:360px) {
	.circle1 {
		left: 1px !important;
		top: 101px !important;
	}

	.circle1 img {
		max-width: 45%;
	}

	.graph1 {
		left: 27px !important;
		top: 57px !important;
	}

	.graph1 img {
		max-width: 40%;
	}

	.pyramid {
		left: 101px !important;
	}

	.pyramid img {
		max-width: 45%;
	}

	.circle {
		left: 207px !important;
		top: 22px !important;
	}

	.circle img {
		max-width: 45%;
	}

	.graph2 {
		left: 234px !important;
		top: 123px !important;
	}

	.graph2 img {
		max-width: 45%;
	}
	
	.elementor-647 .elementor-element.elementor-element-5cc8599 .elementor-heading-title{font-size:27px;}
}

.elementor-icon-box-title{
	margin-top: 0 !important;
}
/* 
.heading-style{
	display: grid;
	grid-template-columns: auto auto;
	gap: 1rem;
	align-items: center;
	justify-content: start;
} */

.heading-style .elementor-heading-title::after{
	content: '';
	width: 54px;
	height: 1px;
	background: linear-gradient(45deg, rgb(26, 62, 153), transparent) ;
	vertical-align: middle;
	display: inline-block;
	margin-left: 0.5em;
}

@media(max-width: 1200px){
	.heading-style .elementor-heading-title::after{
		width: 80px;
		display: block;
		margin-left: 0;
		margin-top: 0.5em;
	}
}

.icon-box-style  + .icon-box-style{
	border-top: 1px solid transparent;
	border-image: linear-gradient(45deg, rgba(26, 61, 153, 0.20), transparent) 1;
	padding-top: 20px;
}

.icon-box-border-style  + .icon-box-border-style{
	border-top: 1px solid transparent;
	border-image: linear-gradient(45deg, rgba(26, 61, 153, 0.20), transparent) 1;
	padding-top: 20px;
}

.icon-box-style  .elementor-icon{
	position: relative;
	padding-top: 5px;
    padding-left: 5px;
}

.icon-box-style  .elementor-icon::before{
	content: '';
	width: 31px;
	height: 31px;
	border-radius: 50%;
	background-color: #1A3D99;
	opacity: 0.10;
	position: absolute;
	top: 0;
	left: 0;
}

.elementor-widget-n-accordion .e-n-accordion-item{
	background-color: #fff;
}


.card-offset-style > .elementor-element{
	z-index: 1;
}

.card-offset-style{
	position: relative;
}

.card-offset-style::after{
	content: '';
    position: absolute;
    inset: -18px -18px 18px 18px;
    border: 1px solid var(--e-global-color-primary);
}