.elementor-button-icon svg {
    height: auto !important;
    width: 16px !important;
}

.border-gradient {
	background: linear-gradient(to bottom, #1B3A75, #2653A8, #0CCAFF);
}

.home-white-lable-container{
	background: linear-gradient(to bottom right, #312e81, #581c87, #831843);
}

.contact-form-demo .form-height{
	height: 500px;
}

.favorite-tool-section:hover{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.transparent-pricing{
	font-size: 18px;
    font-weight: 400;
}

.transparent-pricing-bg{
	background-image: linear-gradient(to right bottom, #111827, #111f39, #11254b, #122c5e, #153271, #1c337a, #243483, #2e358b, #39318b, #442b8a, #4e2589, #581c87);
}

.white-lable-wrapper{
	background-image: linear-gradient(to right bottom, #581c87, #1e3a8a, #312e81);
}

.white-lable-footer-gradient{
	background-image: linear-gradient(to right, #581c87, #4e2589, #442b8a, #39318b, #2e358b, #2b368a, #273689, #243788, #283586, #2b3385, #2e3083, #312e81);
}

.contect-gradientTitle{
	background: linear-gradient(to right, #2563eb, #9333ea);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.gradientTitle {
	background: linear-gradient(to right, #FACC15, #F97316);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.whitelable-gradientTitle{
	background: linear-gradient(to right, #9333ea, #4f46e5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.brand-gradientTitle{
	background: linear-gradient(to right, #9333ea, #db2777);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.home-green-icon .elementor-widget-container{
	background-image: linear-gradient(to right, #22c55e, #3b82f6);
}

.financial-container{
	background-image: linear-gradient(to right, #16a34a, #059669);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.snapshot-gradientTitle{
	background-image: linear-gradient(to right, #4f46e5, #9333ea);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}


.benefit-and-support-gradientTitle{
   	background: linear-gradient(to right, #2563eb, #4f46e5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.contect-get-start{
	background-image: linear-gradient(to left, #312e81, #382c83, #402a84, #472785, #4e2386, #4d2487, #4c2689, #4b278a, #412d8b, #36328b, #2b368b, #1e3a8a);
}

.knowledge-base .elementor-widget-container svg{
	width: 42px;
    height: 43px;
    margin-left: -5px;
}

/* ******************** */

.card {
   position: relative;
   background: #ffffff1a;
   border-radius: 16px;
   padding: 32px;
	height: 238px;
   color: #fff;
   border: 1px solid #fff3;
}

.white-cart {
      margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-icon {
   width: 32px;
   height: 32px;
   background: linear-gradient(to right, #facc15, #f97316);
   border-radius: 8px;
   display: inline-block;
   vertical-align: middle;
}

.brand-name {
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	font-weight: 600;
	vertical-align: middle;
}

.lightning-icon {
   position: absolute;
   top: 36px;
   right: 32px;
   font-size: 16px;
   color: #facc15;
}

.placeholder-line {
   height: 10px;
   border-radius: 5px;
   background-color: rgba(255, 255, 255, 0.15);
   margin-top: 12px;
}

.placeholder-line.short {
   width: 400px;
   height: 16px;
   margin-top: 0px;
   background-color: #fff3;
}
.placeholder-line.medium {
   max-width: 267px;
   height: 16px;
   margin-top: 12px;
   background-color: #fff3;
}

.placeholder-line.long {
   max-width: 445px;
   height: 16px;
   margin-top: 12px;
   background-color: #fff3;
}

.revenue {
   margin-top: 24px;
   font-size: 14px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.revenue .revenue-inner {
   color: #dbeafe;
   font-size: 14px;
	line-height: 20px;
}

.growth {
   color: #4ade80;
   font-weight: 400;
   display: flex;
   gap: 4px;
   align-items: center;
	font-size: 14px;
    line-height: 20px;
}

.floating-badge {
    position: absolute;
    bottom: -17px;
    left: -17px;
    background: #ffffff1a;
    backdrop-filter: blur(4px);
    border-radius: 8px;
    padding: 12px;
    font-size: 12px;
    border: 1px solid #fff3;
/* 	width: 110.27px;
	height: 66px; */
}

.floating-badge .small-text {
   display: block;
   opacity: 1;
   font-size: 12px;
	line-height: 16px;
	color: #dbeafe;
}

.floating-badge .bold-text {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
}

.crown-icon {
   position: absolute;
    top: -25px;
    right: -25px;
    background: #facc15;
    color: #000;
    border-radius: 50%;
    padding: 12px 12px;
    font-size: 16px;
    width: 48px;
    height: 48px;
}

/* *************************** */

.whitelabel-containe {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 32px;
   max-width: 1200px;
   margin: auto;
   position: relative;
}

.white-label-step {
   text-align: center;
   width: 100%;
   max-width: 240px;
   position: relative;
}
.white-lable-identity-icon{
	min-width: 31.84px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-invisible-icon{
	min-width: 34.06px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-mobile-icon{
	min-width: 37.67px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-mobile-icon .elementor-widget-container, .white-lable-invisible-icon .elementor-widget-container{
	display: flex;
	justify-content: center; 
}

.white-lable-financial-icon{
	min-width: 29.73px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-financial-icon2{
	min-width: 30.36px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-financial-icon3{
	min-width: 29.39px !important;
    min-height: 48px;
    height: 48px;
}
.white-lable-financial-icon .elementor-widget-container,.white-lable-financial-icon2 .elementor-widget-container,.white-lable-financial-icon3 .elementor-widget-container{
	display: flex;
	justify-content: center; 
	align-items: center;
}
.calucalator-icon{
	min-width: 24px !important;
	min-height: 24px !important;
}
.calucalator-icon .elementor-widget-container{
	display: flex;
}
.white-lable-financial-wrap{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
.white-label-step::after {
   content: '';
   position: absolute;
   top: 78px;
   left: 110%;
   right: -130%;
   height: 2px;
   background: linear-gradient(to right, #d8b4fe 0%, #f9a8d4 100%);
   z-index: -10;
}

.white-label-step:last-child::after {
   display: none;
}

.step-number {
   width: 48px;
   height: 48px;
   line-height: 42px;
   border-radius: 50%;
   border: 2px solid #e9d5ff;
   background: #fff;
   color: #9333ea;
   font-weight: bold;
   font-size: 18px;
   position: absolute;
   top: 14px;
   left: 107%;
   transform: translateX(-50%);
   z-index: 2;
   box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
   padding-top: 1px;
   padding-right: 1px;
}

.icon-box {
   width: 96px;
   height: 96px;
   margin: 30px auto 22px;
   border-radius: 16px;
   background: linear-gradient(307deg, #db2777 0%, #a855f7 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 36px;
   color: white;
}

.icon-box svg {
   width: 48px;
   height: 48px;
}
.start-journey-btn{
	 background: linear-gradient(to right, #9333ea, #db2777) ;
	 border-radius: 9999px;
}
.start-journey-btn:hover{
	background: linear-gradient(to right, #7e22ce, #be185d);
}

.step-label {
   display: inline-block;
   margin-bottom: 16px;
   padding: 4px 12px;
   background: #f3e8ff;
   color: #9333ea;
   font-size: 14px;
   line-height: 20px;
   border-radius: 999px;
   font-weight: 600;
}

.step-title {
   font-weight: 700;
   font-size: 20px;
	line-height: 28px;
   margin-bottom: 16px;
   color: #111827;
}

.step-desc {
	width: 288px;
	line-height: 22px;
	font-size: 16px;
	color: #4b5563;
	line-height: 26px;
	margin-left: -24px;
}
.benefit-and-sopport{
	max-height: 206px;
}

.favorite-tool{
	max-height: 206px;
}
/* ************************** */

.affiliate-main-wrapper{
	background-image: linear-gradient(to right bottom, #14532d, #105230, #0c5133, #095036, #074f38, #064f3a, #064e3d, #064e3f, #084e42, #0b4e45, #0f4e48, #134e4a);
}

.affiliate-main-wrapper1{
	background-image: linear-gradient(to right, #14532d, #064e3b, #134e4a);
}

.affiliate-gradientTitle{
   	background: linear-gradient(to right, #4ade80, #34d399);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.affiliate-program-heading{
	background: linear-gradient(to right, #16a34a, #059669);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.affiliate-program-card:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	background-color: #FFFFFF !important;
}

.pricing-gradientTitle{
	background: linear-gradient(to right, #2563eb, #9333ea);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.pricing-footer-backgroung{
	background-image: linear-gradient(to right, #1e3a8a, #2b368b, #36328b, #412d8b, #4b278a, #4c2689, #4d2487, #4e2386, #472785, #402a84, #382c83, #312e81);
}

/* **************************** */

.automate-scheduling-card:hover{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	transform: translateY(-4px);
	transform: translate(0, -4px) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1);
}

.automate-scheduling-card:hover .automate-scheduling-innercard{
	transform: scale(1.1);
	transform: translate(0, 0) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1.1) scaleY(1.1);
	transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

.appalment-intelligent-section{
	 background: linear-gradient(to bottom right, #111827, #1e3a8a, #581c87);
}

.intelligent-heading{
	background: linear-gradient(to right, #60a5fa, #c084fc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

/* *************************** */
.home-centripe-chips{
	height: 20px !important
}

.home-simple-pricing{
	height: 24px !important
}

.saas-empire{
	 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.contect-container{
	background: linear-gradient(to bottom right, #eff6ff, #eef2ff, #f5f3ff) !important;
}

.appoinment-page-section{
	background: linear-gradient(to bottom right, #eff6ff, #eef2ff, #f5f3ff);
}

.appoinment-cart{
	height: 268px !important;
}

.intelligent-cart{
	height: 290px !important;
}

.book-sales-demo{
	box-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
}

.setup-success{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	border-radius: 16px;
}

.multiple-meeting-card{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.multiple-meeting-card:hover{
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

.appointment-footer{
	background: linear-gradient(to bottom right, #2563eb, #9333ea, #4338ca);
}

.card-icon-flex .elementor-size-default{
	display: flex;
	align-items: center;
/* 	justify-content: center; */
	gap: 12px;
}

.tack-management-section{
	background: linear-gradient(to bottom right, #eff6ff, #ffffff, #faf5ff);
}

.master-cart:hover{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.master-cart:hover .task-marter{
	transform: scale(1.1);
	transform: translate(0, 0) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1.1) scaleY(1.1);
	transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .18s;
}

.artificial-intelligence-cart{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.artificial-intelligence-cart:hover{
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

.ai-learning-enging{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.peak-productivity-section{
	background-image: linear-gradient(to bottom right, #f9fafb, #eff6ff);
}

.command-card{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;
}

.commant-cart2{
	height: 240px !important;
}

.task-management-simple-step{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.task-perfectly-organized{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.task-perfectly-organized:hover{
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
}

.task-pattern{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}

.task-management-footer{
	 background: linear-gradient(to bottom right, #2563eb, #1d4ed8, #7e22ce);
}

.task-footar{
	background: linear-gradient(to right, #bfdbfe, #e9d5ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text; /* For Firefox */
	color: transparent;
}

.build-professional-section{
	background-image: linear-gradient(to bottom right,	#f9fafb, #f0fdf4);
}

.build-easy-steps{
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1) !important;
}

.build-easy-steps:hover{
	box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1) !important;
}

/************ social-media-agent *****************/

.social-agent-main{
	 background: linear-gradient(to bottom right, #581c87, #1e3a8a, #312e81);
}

.social-media-gradient{
	background: linear-gradient(to right, #c084fc, #f472b6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.social-media-chip1{
	background-image: linear-gradient(to bottom right, #a855f733, #ec489933)
}

.social-media-chip2{
	background-image: linear-gradient(to bottom right, #3b82f633, #a855f733)
}

.social-media-chip3{
	background-image: linear-gradient(to bottom right, #6366f133, #a855f733)
}

.media-automation-card{
	max-height: 268px !important;
}

.footer-text{
	text-decoration-line: line-through;
}

/* ************** responsive CSS *****************/

@media (max-width: 1024px) {
  .white-label-step::after {
     display: none;
     }
	.whitelabel-containe {
      flex-direction: column;
      align-items: center;
    }
	 .white-label-step {
      max-width: 100% !important;
      height: auto;
   }
	 .step-number {
      position: absolute;
      top: 14px;
      left: 96%;
   }

	.white-label-step .step-desc{
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 942px) {
	.appoinment-cart{
	height: unset !important;
}
	.intelligent-cart{
	height: unset !important;
}
	.media-automation-card{
		max-height: unset !important;
	}
  
}

 @media (max-width: 768px) {
    .timeline {
       flex-direction: column;
       align-items: center;
    }

    .step::after {
      display: none;
     }
	 
	.benefit-and-sopport{
	  max-height: unset;
}
	 .step-desc{
		 width: 100%;
		 margin-left: 0px;
	 }
	 
}

@media (max-width: 432px){
	 .placeholder-line.short{
		 width: 222px;
	 }
	 
	 .placeholder-line.medium {
		 max-width: 186px;
	 }
	
	.favorite-tool{
		max-height: unset;
	}
}