/**
Theme Name: Culturex Ai
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: culturex-ai
Template: astra
*/

.cx-campaign-content{
	background: radial-gradient(157.53% 100% at 50% 100%, #BDDAFF 0%, #FFF 55.77%, #FFF 100%);
}



a{
	text-decoration:none !important;
}


    /* Images ko smooth switch karne ke liye thoda CSS (Optional but recommended) */
    .cx-tab-image {
        
        animation: fadeIn 0.4s ease-in-out;
    }
#cx-tab-content{
	text-decoration:none;	
}
    
    /* Jo tab active hoga usko highlight karne ke liye style (aap apne hisaab se change kar sakte hain) */
    a[class*="cx-tab-content"].active-tab span, a[class*="cx-tab-content"].active-tab span svg {
		color:#133FF1;
    }
 a[class*="cx-acc-content"].active-acc-tab span, a[class*="cx-acc-content"].active-acc-tab span svg {
		color:#133FF1;
    }
	a[class*="cx-tab-content"].active-tab p, a[class*="cx-acc-content"].active-acc-tab p {
		color:#2E3502; }

    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(5px); }
        to { opacity: 1; transform: translateY(0); }
    }





a[class*="cx-acc-content"] .elementor-widget-text-editor {
    display: block !important;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.4s cubic-bezier(.4,0,.2,1),
                opacity 0.3s ease;
}

a[class*="cx-acc-content"] .elementor-widget-text-editor p {
    margin: 0;
    padding-top: 10px;   /* title aur text ka gap — yahin se control karein */
}

a[class*="cx-acc-content"] {
    gap: 0 !important;
    margin-bottom: 18px;
}
a[class*="cx-acc-content"]:last-child { margin-bottom: 0; }



/* Faq culturex */

/* 1. Parent container ka background aur shadow hatane ke liye (taki sab ek box mein na dikhein) */
#faq-culturex .e-n-accordion {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* 2. Har ek individual accordion item ko alag card banane ke liye */
#faq-culturex .e-n-accordion-item {
    background-color: #ffffff !important;
    border-radius: 12px;
    margin-bottom: 20px; /* Cards ke beech ka gap */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04); /* Halka sa shadow target image ki tarah */
    border: 1px solid #f1f1f1;
    overflow: hidden;
}

/* Aakhri item ke baad extra margin hatane ke liye */
#faq-culturex .elementor-widget-n-accordion:last-child .e-n-accordion-item:last-child {
    margin-bottom: 0;
}

/* 3. Title (Header) area ki spacing aur styling */
#faq-culturex .e-n-accordion-item-title {
    padding: 20px 24px;
    border: none !important; /* Agar koi default border hai toh usey hata dega */
}

/* Heading Text Styling */
#faq-culturex .e-n-accordion-item-title-text {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}

/* 4. Andar ke Content (Answer) area ki spacing */
#faq-culturex .e-n-accordion-item > div[role="region"] {
    padding: 0px 24px 24px 24px !important; 
}

/* Paragraph Text Styling */
#faq-culturex .elementor-widget-text-editor p {
    color: #555555;
    line-height: 1.6;
    margin: 0;
}


/* End faq Culturex */




/* start Fluent form css */

.ebook-form .ff-t-cell{
    justify-content: center;
}
.ebook-form .ff-btn{
	margin-bottom:0 !important;
}

.ebook-form .error.text-danger {
    position: absolute;
    top: -30px;
}

.ebook-form #fluentform_2_success{
	margin-top:0 !important;
	box-shadow: unset;
}

/* Browser autofill background ko white karne ke liye */
.ebook-form input:-webkit-autofill,
.ebook-form input:-webkit-autofill:hover, 
.ebook-form input:-webkit-autofill:focus, 
.ebook-form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #333333 !important; /* Text color same rakhne ke liye */
    transition: background-color 5000s ease-in-out 0s;
}

/* ended Fluent form css */


.border-booker{
    border:1px solid red
}


/* == CultureX footer == */
/* ---------------------------------------------------------------------------
   Footer, built on the Astra footer builder.
   Astra only offers equal columns at five, so the first column is widened here.
   --------------------------------------------------------------------------- */
.site-above-footer-wrap .ast-builder-grid-row-5-equal{
	grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr;
	gap: 40px;
}

.cx-foot-title{
	margin: 0 0 10px;
	font-family: Lexend, sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.cx-foot-tag{
	margin: 0 0 34px;
	max-width: 340px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: #EFF1F5;
}

.cx-foot-contact{ margin: 0 0 30px; padding: 0; list-style: none; }
.cx-foot-contact li{
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 14px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	color: #EFF1F5;
}
.cx-foot-contact svg{ width: 19px; height: 19px; flex: 0 0 auto; fill: #EFF1F5; }
.cx-foot-contact a{ color: #EFF1F5; text-decoration: none; }
.cx-foot-contact a:hover{ color: #FFFFFF; text-decoration: underline; }

.cx-foot-social{ display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; }
.cx-foot-social a{ display: inline-flex; color: #EFF1F5; }
.cx-foot-social svg{ width: 21px; height: 21px; fill: currentColor; transition: fill .2s ease; }
.cx-foot-social a:hover svg{ fill: #FFFFFF; }

.cx-foot-head{
	margin: 0 0 22px;
	font-family: Lexend, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
	color: #FFFFFF;
}
.cx-foot-links{ margin: 0; padding: 0; list-style: none; }
.cx-foot-links li{ margin-bottom: 14px; }
.cx-foot-links a{
	font-family: Lexend, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #C7CBD4;
	text-decoration: none;
	transition: color .2s ease;
}
.cx-foot-links a:hover{ color: #FFFFFF; }

.site-primary-footer-wrap .ast-footer-copyright,
.site-primary-footer-wrap .ast-footer-copyright *{
	font-family: Lexend, sans-serif;
	font-size: 14px;
	color: #8A8F98;
}

/* Astra collapses the row to `full` below 921px; two columns read better there. */
@media (max-width: 921px){
	.site-above-footer-wrap .ast-builder-grid-row-tablet-full{
		grid-template-columns: 1fr 1fr;
		gap: 40px 32px;
	}
	.cx-foot-title{ font-size: 32px; }
}
@media (max-width: 544px){
	.site-above-footer-wrap .ast-builder-grid-row-mobile-full{ grid-template-columns: 1fr; }
}






/* migration page */
@media (min-width: 768px){
.cx-mw-content-card {
    height: 100% !important;
}
}

/* pricing table */
.cx-price-grid > .cx-price-card{ flex: 0 0 auto; min-width: 0; }

/* the tier name and its pill sit on one line */
.cx-price-head > .elementor-widget{ width: auto; flex: 0 0 auto; }
.cx-price-pop .elementor-heading-title{ white-space: nowrap; }

/* adjacent cards share one hairline instead of stacking two */
.cx-price-card.is-featured{ z-index: 1; }
@media (min-width: 1025px){
	.cx-price-card + .cx-price-card{ margin-left: -1px; }
}
@media (min-width: 768px) and (max-width: 1024px){
	.cx-price-card:nth-child(even){ margin-left: -1px; }
	.cx-price-card:nth-child(n+3){ margin-top: -1px; }
}
@media (max-width: 767px){
	.cx-price-card + .cx-price-card{ margin-top: -1px; }
}

/* the CTA runs the width of the card */
.cx-price-card .elementor-widget-button .elementor-button{ width: 100%; justify-content: center; }

/* keeps the price line level across cards when a description wraps */
.cx-price-desc p, .cx-price-note p{ margin: 0; }
@media (min-width: 768px){
	.cx-price-desc{ min-height: 42px; }
}

/* ticks stay level with the first line of a label that wraps */
.cx-price-feats .elementor-icon-list-item{ align-items: flex-start; }
.cx-price-feats .elementor-icon-list-icon{ margin-top: 3px; }


/* ============================================================
   About page — the two patterns that exist only on /about
   ============================================================ */

/* the CTA band inverts everything onto brand blue */
.cx-cta-band .elementor-widget-text-editor,
.cx-cta-band .elementor-widget-text-editor p{ color: #fff; }
.cx-cta-band .cx-trial-note p{ opacity: .78; }

/* the button pair centres under the copy instead of flushing left */
.cx-cta-band .cx-hero-actions{ justify-content: center; }
.cx-cta-band .elementor-widget-button{ text-align: center; }

/* primary inverts to white, the second becomes an outline */
.cx-cta-band .elementor-widget-button:first-child .elementor-button{
	background-color: #fff; color: #133FF1;
}
.cx-cta-band .elementor-widget-button:first-child .elementor-button:hover{
	background-color: #EAEFFF; color: #133FF1;
}
.cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button{
	background-color: transparent; color: #fff;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
.cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button:hover{
	background-color: rgba(255,255,255,.12);
}

/* platform cards keep a level bottom edge when copy lengths differ */
.cx-plat-card{ height: 100%; }
.cx-plat-card .elementor-widget-culturex_image_card{ width: 100%; }
.cx-plat-card .elementor-widget-heading{ margin-bottom: 0; }
.cx-plat-card .cx-card{ margin-inline: auto; }

@media (max-width: 767px){
	/* stacked CTAs go full width so both are equally tappable */
	.cx-cta-band .cx-hero-actions{ flex-direction: column; align-items: stretch; }
	.cx-cta-band .cx-hero-actions .elementor-button{ width: 100%; justify-content: center; }
}
/* the card frames the visual: floating panels are drawn to overhang a
   full-width media column, so inside a card they have to be clipped */
.cx-plat-card{ --overflow: hidden; overflow: hidden; }
/* clip the visual to its own box so the overhanging panels cannot
   ride over the card title underneath it */
.cx-plat-card .elementor-widget-culturex_image_card{
	overflow: hidden; border-radius: 14px; position: relative; z-index: 0;
}
.cx-plat-card .elementor-widget-heading,
.cx-plat-card .elementor-widget-text-editor{ position: relative; z-index: 1; }
.cx-plat-card .cx-imgcard, .cx-plat-card .cx-card{ max-width: 100%; }

/* the About story runs to six paragraphs and needs real separation */
.cx-about-prose p{ margin-block-end: 14px !important; }
.cx-about-prose p:last-child{ margin-block-end: 0 !important; }

/* nothing on this page may push the viewport sideways */
.cx-about-hero, .cx-plat-grid, .cx-cta-band{ max-width: 100%; }
.cx-plat-card .elementor-widget-culturex_image_card > *{ max-width: 100%; }

/* About page — Figma-aligned finishing */
.page-id-74 .cx-plat-grid{ max-width: 1280px; margin-inline: auto; }
.page-id-74 .cx-plat-card{ background: #F4F6FF; border-color: #CCD6FF; }
.page-id-74 .cx-listening-suite .cx-suite-media .elementor-widget-culturex_image_card{ max-width: 500px; width: 100%; }
.page-id-74 .cx-backed-by{ background: #F4F6FF !important; }
.page-id-74 .cx-cta-band{
    background-color: #133FF1 !important;
    background-image:
      radial-gradient(circle at 0 0, transparent 15px, rgba(69,100,255,.46) 16px, rgba(69,100,255,.46) 18px, transparent 19px),
      linear-gradient(45deg, transparent 48%, rgba(69,100,255,.38) 49%, rgba(69,100,255,.38) 51%, transparent 52%),
      linear-gradient(-45deg, transparent 48%, rgba(69,100,255,.22) 49%, rgba(69,100,255,.22) 51%, transparent 52%);
    background-size: 36px 36px;
}
.page-id-74 .cx-cta-band .elementor-widget-button:first-child .elementor-button{ background: #111111; color: #FFFFFF; }
.page-id-74 .cx-cta-band .elementor-widget-button:first-child .elementor-button:hover{ background: #000000; color: #FFFFFF; }
.page-id-74 .cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button{ background: #FFFFFF; color: #111111; box-shadow: none; }
.page-id-74 .cx-cta-band .elementor-widget-button + .elementor-widget-button .elementor-button:hover{ background: #F4F6FF; color: #111111; }
/* the hero and the stat band sit on one soft wash - blue off the left
   shoulder, lime off the right. Elementor already owns .e-con::before for
   its background-overlay, so this paints as a real background layer and
   the two halves meet at the section seam to read as one glow. */
.cx-about-hero{
	background-image:
		radial-gradient(70% 55% at 0% 100%,   rgba(19,63,241,.16) 0%, rgba(19,63,241,0) 70%),
		radial-gradient(65% 52% at 100% 100%, rgba(214,240,64,.70) 0%, rgba(214,240,64,0) 72%);
	background-repeat: no-repeat;
}
.cx-about-stats{
	background-image:
		radial-gradient(70% 60% at 0% 0%,   rgba(19,63,241,.16) 0%, rgba(19,63,241,0) 70%),
		radial-gradient(65% 58% at 100% 0%, rgba(214,240,64,.70) 0%, rgba(214,240,64,0) 72%);
	background-repeat: no-repeat;
}
/* the story heading spans the band; the columns sit beneath it */
.cx-about-story > .e-con-inner{ align-items: flex-start; }
/* the six card visuals are exported at their own aspect ratios, so they sit
   in one fixed media box and are contained rather than cropped - the card
   tint shows through around them exactly as the design has it */
.cx-plat-card .cx-plat-shot img{
	display: block; width: 100%; height: 310px;
	object-fit: contain; object-position: center;
}
.cx-plat-card .cx-plat-shot{ width: 100%; }
@media (max-width: 1024px){
	.cx-plat-card .cx-plat-shot img{ height: 268px; }
}
@media (max-width: 767px){
	.cx-plat-card .cx-plat-shot img{ height: 208px; }
}
/* ---- Backed by: three funds, and three angels who are people not marks ----
   the design assumed a single logo strip; half the investors are individuals,
   so the band splits into a logo row and a faces row. */
.cx-inv-label p{ color: #6B7280; margin: 0; }

/* the fund logos are supplied on white grounds, so they sit in white chips
   rather than reading as white boxes dropped onto the section tint */
.cx-inv-logos .cx-logos__grid .cx-logos__item{
	background: #fff !important; border-radius: 14px; padding: 14px 22px;
	box-shadow: 0 1px 2px rgba(16,24,40,.07);
	display: flex !important; align-items: center; justify-content: center;
	min-width: 150px; min-height: 74px; box-sizing: border-box;
}
/* the wall greys out brand logos by default; investor marks carry their own
   colour, so the filter is lifted here only */
.cx-inv-logos .cx-logos__item img,
.cx-inv-logos .cx-logos__item:hover img{ filter: none !important; }

.cx-angel-face img{
	width: 104px; height: 104px; border-radius: 50%;
	object-fit: cover; object-position: center; display: block;
	box-shadow: 0 1px 3px rgba(16,24,40,.10);
}
.cx-angel-name .elementor-heading-title{ white-space: nowrap; }

@media (max-width: 767px){
	.cx-angel-face img{ width: 76px; height: 76px; }
	.cx-angel-row{ gap: 22px 18px; }
}